数据表多选列filter

我想在列filter中选择多个项目。 以下示例允许您使用下拉列表对列进行过滤：

http://datatables.net/release-datatables/examples/api/multi_filter_select.html

但是，我希望能够在列filter中选择多个项目，可能在下拉列表中的每个项目旁边都有一个复选框。 例如，在示例中，我会将’A’和’C’标记为’CSS grade’，以便只在表格中显示这些等级。

如何使用DataTables插件或其他方式获得多选列filter？

Answer 1

您可以使用选择列表，复选框和任何内容构建自己的filterdiv，并使用fnFilter从服务器请求过滤的数据。 例如：

$("#mycheckbox").click(function () { var dt = $('#mytable').dataTable({ "bRetrieve": true }); dt.fnFilter($("#mycheckbox").is(':checked'), 1); }); 

post：

 sSearch_1 : true/false 

Answer 2

它真的很容易，多次以各种方式询问 – 但令人惊讶的是我找不到完全匹配。 如果您的列对应于您的列：

  Name Position Office Age Start date Salary  

然后实现这个javascript在单独的列中获取seacrh

 var table; $(document).ready(function() { table = $('#example').DataTable({ pageLength: 100, dom: 'lrtip', }); var column_no = 0; $('#ddlSearch').on('change',function(){ column_no = Number($(this).val()); }); $( '#txtSearch' ).on( 'input', function () { if ( table.columns([column_no]).search() !== $( '#txtSearch' ).val() ) { table.columns([column_no]).search( $( '#txtSearch' ).val() ).draw(); } } ); }); 

例如试试这个https://jsfiddle.net/07rnpgs1/

祝一切顺利