突出显示在数据表中的搜索结果

我想为我的搜索结果使用插件datatables.highlight，但它不工作..有人可以告诉我，如果我失去了一些东西？突出显示在数据表中的搜索结果

我已经包含上面的文件：

dataTables.searchHighlight.css 
jquery.highlight.js 
dataTables.searchHighlight.min.js

，并在我的js代码：

$(document).ready(function() { 
     var myTable = $('#dataTable').dataTable({ 
       dom: 'Blfrtip', 
       retrieve: true, 
       searchHighlight: true, 
       buttons: [ 
        { 
        .... 
        }  
       ] 
     }); 
     myTable.on('draw', function() { 
      var body = $(myTable.table().body()); 
      body.unhighlight(); 
      body.highlight(myTable.search()); 
     }); 
....

来源

2016-03-23 Joey Pablo

你有什么错误吗？ –

您的代码与[本文]中提到的内容相符（https://datatables.net/blog/2014-10-22）。正在搜索/订购工作？考虑在https://jsfiddle.net上创建一个例子 –

不，我没有得到任何错误：/和是搜索/订购作品 –

监听DataTable的事件可以以两种方式出现。

如果使用dataTable()保存DataTable引用，它将返回一个jQuery对象。因此，在收听事件时，您必须附加.dt名称空间，如draw.dt。
如果使用DataTable()保存DataTable引用，它将返回一个DataTable api实例。在这种情况下，您可以简单地收听draw。你也可以听draw.dt，但它是多余的。

https://jsfiddle.net/guanzo/9xs3zxcp/4/

我是有进口highlight.js麻烦，所以我直接粘贴代码到小提琴

来源

2016-03-23 23:27:51

非常感谢:) –

尝试验证您included libraries links，因为它的工作原理是只需添加searchHighlight: true，你不必须使用功能来突出显示结果。

看到这个JsFiddle

来源

2016-03-23 23:49:18

突出显示在数据表中的搜索结果

回答

相关问题