NutzCN Logo
精华 datatable实现自定义表格功能,勾选哪一个,则显示哪一行
发布于 11天前 作者 CC-Coder 75 次浏览 复制 上一个帖子 下一个帖子
标签: nutzwk

之前 在社区问了关于这个问题: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); // 调整列的大小,重新绘制表格 */ } }

当然,代码可能还存在一些其他问题,希望大佬们指教.谢谢

1 回复

获取datatable

var datatable = $('#example').DataTable();
添加回复
请先登陆
回到顶部