【问题标题】:datatables create filter checkbox数据表创建过滤器复选框
【发布时间】:2018-12-21 17:23:38
【问题描述】:

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

【问题讨论】:

    标签: jquery-datatables


    【解决方案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/

    【讨论】:

    • 嗨 Nicola,这正是我没有的,如何为数据表创建过滤器功能?
    • @AdamSurfari 我更新了我的答案,基本上现在如果复选框被选中并且第五列 > 1.5 我显示该行,如果它未选中并且它是
    • 嗨 Nicola,我现在遇到的问题是我的所有表都应用了此过滤器。如何将它应用到一张桌子上?
    • @AdamSurfari: if ( oSettings.nTable != document.getElementById( 'your_table_id' );{ return true;}
    • 我将 Nicola 的小提琴更进一步,并允许按列的不同值进行过滤 jsfiddle.net/vol7ron/z7wJ5 另外有人在 dataTables 论坛中发布了此内容:datatables.net/forums/discussion/3118/…
    猜你喜欢
    • 2012-10-17
    • 2016-05-31
    • 2019-01-04
    • 2013-09-16
    • 1970-01-01
    • 2019-09-21
    • 1970-01-01
    • 2019-02-12
    • 1970-01-01
    相关资源
    最近更新 更多