datatables创建过滤器复选框

时间:2012-06-27 12:50:07

标签: jquery-datatables

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

1 个答案:

答案 0 :(得分:17)

您必须编写自己的自定义过滤功能,但之后代码将变得简单

$(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/