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)