datatables.net 多列的自定义过滤器答案

【问题标题】：datatables.net custom filter for more than one columndatatables.net 多列的自定义过滤器
【发布时间】：2017-12-12 15:23:32
【问题描述】：

我想在我的数据表 MS-crm 中对每一列进行过滤（包含、不包含、开头、大于...）。

我已经按照本示例中说明的方式进行了尝试： http://legacy.datatables.net/release-datatables/examples/plug-ins/range_filtering.html

问题是这个过滤器只适用于当前列（一列），所以如果我过滤 A 列，然后我想过滤 B 列，A 列的过滤器就过时了。

每次我调用oTable.draw() 时，都会为当前列重新过滤。

我错过了什么？

【问题讨论】：

标签： jquery datatables

【解决方案1】：

您的示例适用于旧版本的 jQuery DataTables。当前版本见this example。

将$.fn.dataTableExt.afnFiltering（或$.fn.dataTable.ext.search）视为函数数组。先重置数组，根据需要添加任意数量的函数，然后调用draw() API 方法。

例如：

var table = $('#example').DataTable();

// Handle click on "Search" button
$('#btn-search').on('click', function(){
   // Reset custom search
   $.fn.dataTable.ext.search = [];

   // Add search criteria for column 1 
   $.fn.dataTable.ext.search.push(
      function( settings, data, dataIndex ){
         // ... skipped ...

         return (success) ? true : false;
      }
   );

   // Add search criteria for column 2
   $.fn.dataTable.ext.search.push(
      function( settings, data, dataIndex ){
         // ... skipped ...

         return (success) ? true : false;
      }
   );

   // Perform the search
   table.draw();
});

【讨论】：