在Slickgrid中突出显示搜索关键字

Question

我正在使用Vue.js开发日志查看器Web程序 我用ajax接收日志数据，并用Slickgrid显示它。

我需要做的是在搜索后突出显示关键字。 我找到了一些突出显示整个单元格或整个行的示例，但找不到突出显示单元格中的特定关键字。

ex）当我搜索单词“ cat”时，slickgrid会显示包含“ cat”的单元格。 我需要在单元格中突出显示“猫”一词。

有人知道该怎么做吗？或任何示例？

谢谢。

Answer 1

您需要编写自定义formatter。有关示例页面，请参见here。确保您使用的是6pac repo-它是最新的，现在不再维护MLeibman存储库。

要重新突出显示单词，您需要从格式化程序中返回HTML，并且只有特殊的span才能突出显示单词，例如：

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

找到一个完整的单词是一件棘手的事情，要确保它不是另一个单词的一部分，如果那是您想要的，例如。

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

这本身就是整个“其他Google搜索”。