之前 在社区问了关于这个问题:https://nutz.cn/yvr/t/1ln0engqo0i6mp4b2e26ighgl1
可能方向出了问题,然后也没有研究官网的文档,所以就导致了出现了很多问题.也搁置了一段时间,总之是自己的问题.废话不多说,现将问题解决的代码以及方式推在这.
1.我是在Checkbox的弹框,加了一个点击事件,checkNum()
每一个checkbox都有一个value值,这个值是从0开始,value值和你表头的顺序对应一直,因为这是为了隐藏和显示对应的列数据
2.这样就可以达到自定义表格的功能
function checkNum() {
var temp = "";
var show = "";
// 隐藏未选中的
$("#changeModal input[type='checkbox']:unchecked").each(function () {
temp = temp + "," + $(this).val();
});
// 显示选中的
$("#changeModal input[type='checkbox']:checked").each(function () {
show = show + "," + $(this).val();
});
if(temp!=null && temp != ''){
var dataList = temp.substr(1);
var dataArray = dataList.split(",");
datatable.columns(dataArray).visible(false, false);
datatable.columns.adjust().draw(false); // 调整列的大小,重新绘制表格 */
}
if (show!=null && show != ''){
var showList = show.substr(1);
var showArray = showList.split(",");
//alert(showArray)
datatable.columns(showArray).visible(true, false);
datatable.columns.adjust().draw(false); // 调整列的大小,重新绘制表格 */
}
}
当然,代码可能还存在一些其他问题,希望大佬们指教.谢谢