javascript - jQuery Datatables Columnfilter - 外部过滤器不适用于隐藏列

标签 javascript jquery datatables

我有一个包含 2 列的表格。 1 列被隐藏,我想为其应用外部选择过滤器。过滤器和表格工作正常 - 但过滤器仅适用于可见列。

如何直接对隐藏列应用过滤器?

 $('#example').dataTable({          
                "aoColumns": [                              
                    /* Region JUST FOR EXTERNAL FILTER*/ { "bVisible":false},                       
                    /* Babys */    null         
                    ],                  
            });                 

        $('#example').dataTable().columnFilter({            
                     sPlaceHolder: "head:before",
                    aoColumns:[
                    { sSelector: "#regionFilter", type: "select"  },
                                        ]}
                    );

最佳答案

您必须添加

 "bUseColVis": true,

进入你的代码!

它应该看起来像:

$('#example').dataTable({          
                "aoColumns": [                              
                    /* Region JUST FOR EXTERNAL FILTER*/ { "bVisible":false},                       
                    /* Babys */    null         
                    ],                  
            });                 

        $('#example').dataTable().columnFilter({            
                     sPlaceHolder: "head:before",
                    //ADD IT HERE
                    "bUseColVis": true,
                    aoColumns:[
                    { sSelector: "#regionFilter", type: "select"  },
                                        ]}
                    );

关于javascript - jQuery Datatables Columnfilter - 外部过滤器不适用于隐藏列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19679675/

相关文章:

javascript - 如何使用 JavaScript 编写 reducer 来操作此 JSON

javascript - 如果页面上不存在特定类,则添加类

jquery - 如何使用 jQuery 遍历 div 的子元素?

javascript - jQuery 数据表响应按钮

Javascript Sort() 数组按数字顺序排列

javascript - 检测html select dropdown是否处于dropdown selected状态

javascript - 网格相对于其父级的定位

javascript - 根据自己已有的内容替换header标签的内容

javascript - DataTables - 通过点击事件获取当前行的数据库ID

javascript - 将 php 数组呈现给客户端时出现 Jquery DataTable 错误