layui中如何隐藏table数据表格的列？相信大部分人都还没学会这个技能，为了让大家学会，给大家总结了以下内容，话不多说，一起往下看吧。
现在国内的模板，也就layui一家独大了，其中的数据表格功能强大，但我不会用python或者django拼接json，输出发送给数据表格，那只好用笨办法，循环遍历吧。
数据表格中保留id列，是为了编辑修改的时候获取改行数据的id值，但又不需要展示出来，所以需要隐藏。
id列的代码是：
, cols: [[ //标题栏
{field: 'data_id', title: 'ID', width: 50,style:'display:none;'}这个代码就可以把下面的id列的值隐藏起来，但标题栏的id还在，那么，问题来了，就用强大的jquery解决呗。
$('table.layui-table thead tr th:eq(0)').addClass('layui-hide');当有多个表格的时候，发现上面的代码只能把第一个表的第一列标题栏给隐藏起来，如果一个页面有多个表格需要用：
$('table.layui-table thead tr th:nth-child(1)').addClass('layui-hide');还有问题，如果表格中有选择框，默认会占据表格第一列，这个时候，上面的代码就出错了。只能推到，使用第一个代码，一个一个的选择。注意，layui的数据表格，自动会生成5个表格：
我当前页面只有两个表格，一个常规，一个有选择框，搜索发现里面竟然有10个 <table 开头，所以隐藏列只能：
$('table:eq(1).layui-table thead tr th:eq(0)').addClass('layui-hide');
$('table:eq(6).layui-table thead tr th:eq(1)').addClass('layui-hide');以上就是layui中隐藏table数据表格的列的方法，看完之后是否有所收获呢？如果想了解更多相关内容，欢迎关注亿速云行业资讯！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
