Выделение поискового ключевого слова в Slickgrid

Question

Я занимаюсь разработкой веб-программы просмотра логов с помощью Vue.js Я получаю данные журнала с помощью ajax и отображаю их с помощью Slickgrid.

Что мне нужно сделать, это выделить ключевое слово после поиска. Я нашел несколько примеров, подсвечивающих целые ячейки или строки, но не смог найти подсветку определенного ключевого слова в ячейке.

ex) Когда я ищу слово «кошка», slickgrid показывает ячейки, которые включают «кошку». И мне нужно выделить слово «кошка» в клетке.

Кто-нибудь знает, как это сделать? или любые примеры ??

Спасибо.

Answer 1

Вам нужно написать кастом formatter.См. здесь для примера страницы.Убедитесь, что вы используете репозиторий 6pac - он обновлен, репозиторий MLeibman сейчас не поддерживается.

Повторно выделив слово, вам нужно будет вернуть HTML из средства форматирования,и просто выделите специальное span, чтобы выделить слово, например:

we will build a <span class="hilight">wall<span/>

Это сложная задача - найти полное слово, то есть убедиться, что оно не является частью другого слова, если вы этого хотите, например.

did you buy the <span class="hilight">wall<span/>paper yet?

Это целый поиск Google сам по себе.