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

时间:2015-11-05 05:00:46

标签: jquery jquery-plugins datatables

我开始使用 DataTable 插件来过滤结果和分页。但是,我想扫描结果,以便找到用户搜索的特定数据,使用 jQuery 插件进行突出显示 文字。 简而言之,我想使用jQuery为DataTable使用搜索结果精彩插件。

提前谢谢。

1 个答案:

答案 0 :(得分:3)

您使用的是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