javascript - jQuery 数据表 : Use button to filter rows on all pages?

Question

我正在使用 jQuery DataTables 来格式化表格，并且我想创建一个过滤所有页面上的行的按钮。。目前，过滤器(切换包含颜色 #bfbfff 的文本的行的可见性)仅适用于当前可见的页面。

我知道我必须使用 DataTables API为了完成这项工作，我只是不知道如何将现有的 jQuery 集成到 API 中。

$("a#notes").on("click", function() {
    $("#example tbody tr").toggle();
    $("#example tbody tr td span[style='color:#bfbfff;']").closest("tr").toggle();
} );

Fiddle showing filter only applying to current page

Answer 1

使用最新的 DataTables API:

var _fieldNotesFilter = false;

$.fn.dataTable.ext.search.push( function ( settings, searchData, index, rowData, counter ) {
    if ( settings.nTable.id !== 'example' ) {
        return true;
    }

    if ( ! _fieldNotesFilter ) {
        return true;
    }
    else if ( rowData.item.match(/rgb\(191, 191, 255/) || rowData.item.match(/#bfbfff/) ) {
        return true;
    }
    return false;
} );


$(document).ready( function () {
    $('#filter_notes').on( 'click', function () {
        //Invert the filtering flag
        _fieldNotesFilter = ! _fieldNotesFilter;

        // Redraw the table to update the filtering change
        $('#example').DataTable().draw();
    } );
} );