在过滤时,突出显示g-grid中已过滤行中的搜索文本

时间:2014-01-09 05:09:36

标签: angularjs ng-grid

我试图在ng-grid的过滤结果中突出显示搜索到的文本。  我已实现自定义外部过滤器进行过滤。  我尝试使用

中的'JavaScript text higlighting jQuery插件'

http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

通过这种实现,我能够突出显示放置ng-grid的整个div中的文本,但它会干扰过滤功能。

我正在寻找一种直接在过滤行中过滤函数的方法,以便它只搜索指定的列以突出显示而不是整个div。

但是我无法让它发挥作用......任何想法?

由于

1 个答案:

答案 0 :(得分:0)

当ng-grid生成列时,它会添加类似'col0','col1'等类。您可以使用此选项仅在选定的列单元格上突出显示

$('#myGridID .col0').highlight('bla');