如何从复选框设置列以过滤数据表 jQuery

And*_*rew 7 javascript datatable jquery

我使用数据表,并尝试进行过滤,问题是我想从复选框中选择我需要过滤的列。

因此,如果我选择一列,我会得到 4 或 5 列,但我选择了 1,我可以找到问题所在。[![在此处输入图像描述][1]][1]

正如你在图片上看到的,我只选择了一个Stantion 代码,但我有 5 列用于过滤,但我必须只有一列。

我的代码:[jsfinddle][2]

addSpliting('');

function addSpliting(val) {
  
  if(val != '') {
      
      $("#test1").DataTable({
        destroy: true,
        searchPanes: {
          layout: 'columns-4',
        },
        dom: 'Pfrtip',
        columnDefs: [{
          searchPanes: {
            show: true,
          },
          targets: val
        }]
      });
   }
   else {
      $("#test1").DataTable({
         destroy: true
      });
   }
}

function setFilters() {
  
  $("table thead tr th").each(function(index) {
    
    var boxes = `<label>
                <input type="checkbox" class="checkbox" id="${index}"/>
                ${$(this).text()}
                </label>`
    if ($(this).text() != "") $(".checkBoxes").append(boxes);
  });
}

setFilters();

$("#createFilter").on("click", function() {
   var columFilters = [];
  
   $('.checkbox:checked').each(function () {
      columFilters.push(parseInt($(this).attr('id')));
   });
  
   addSpliting(columFilters);
});
Run Code Online (Sandbox Code Playgroud)