如何使用jQuery插件突出显示DataTable的过滤文本

Question

我开始使用DataTable插件，用于过滤结果和分页。但是，我想扫描结果以定位任何用户搜索的特定数据，使用jQuery插件突出显示text。简而言之，我想使用jQuery为DataTable使用搜索结果突出显示插件。

提前谢谢。

Answer 1

您正在使用Jquery Datatable吗？如果是，那么就这样试试，

下载并包含CSS和JS文件：

dataTables.searchHighlight.css
dataTables.searchHighlight.js

可以从以下Github下载：https://github.com/DataTables/Plugins/tree/master/features/searchHighlight

$(document).ready( function () {
    var table = $('#myTable').DataTable();
    table.on( 'draw', function () {
        var body = $( table.table().body() );
        body.unhighlight();
        body.highlight( table.search() );  
    } );
} );

关注此链接了解更多信息：https://datatables.net/blog/2014-10-22