Question

我试图将插件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() );  
        } );
....

Answer 1

收听DataTable事件可以通过两种方式进行。

如果使用dataTable()保存DataTable引用，则返回jQuery对象。因此，在收听事件时，您必须附加.dt命名空间，如draw.dt。
如果使用DataTable()保存DataTable引用，则返回DataTable api实例。在这种情况下，您只需听取draw即可。您也可以收听draw.dt，但这是多余的。

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

我在导入highlight.js时遇到问题，所以我将代码直接粘贴到小提琴中

Answer 2

尝试验证您的included libraries links，因为只需添加searchHighlight: true就可以了，您不必使用功能来突出显示结果。

请参阅此JsFiddle

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

2 个答案: