jquery-datatables - 数据表创建过滤器复选框

Question

有没有人有关于如何创建 Datatablest 过滤器复选框的示例？我只想显示由复选框控制的值高于 X 或低于 Y 的行。

Answer 1

您必须编写自己的自定义过滤函数，但之后代码会变得很简单

$(document).ready(function() {
    $.fn.dataTableExt.afnFiltering.push(function(oSettings, aData, iDataIndex) {
        var checked = $('#checkbox').is(':checked');

        if (checked && aData[4] > 1.5) {
            return true;
        }
        if (!checked && aData[4] <= 1.5) {
            return true;
        }
        return false;
    });
    var oTable = $('#example').dataTable();
    $('#checkbox').on("click", function(e) {
        oTable.fnDraw();
    });

});​

小提琴http://jsfiddle.net/nicolapeluchetti/WVYNX/2/