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

Question

我开始使用DataTable插件来过滤结果和分页。不过，我想扫描结果，以便找到任何用户搜索的特定数据，使用 jQuery 插件突出显示 文本。简而言之，我想使用 jQuery 对 DataTable 使用搜索结果突出显示插件。

提前谢谢您。

Answer 1

您使用 Jquery 数据表吗？如果是，那么尝试这样，

下载并包含 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