layui中如何隱藏table數(shù)據(jù)表格的列？相信大部分人都還沒學會這個技能，為了讓大家學會，給大家總結了以下內容，話不多說，一起往下看吧。

現(xiàn)在國內的模板，也就layui一家獨大了，其中的數(shù)據(jù)表格功能強大，但我不會用python或者django拼接json，輸出發(fā)送給數(shù)據(jù)表格，那只好用笨辦法，循環(huán)遍歷吧。

數(shù)據(jù)表格中保留id列，是為了編輯修改的時候獲取改行數(shù)據(jù)的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');

當有多個表格的時候，發(fā)現(xiàn)上面的代碼只能把第一個表的第一列標題欄給隱藏起來，如果一個頁面有多個表格需要用：

$('table.layui-table thead tr th:nth-child(1)').addClass('layui-hide');

還有問題，如果表格中有選擇框，默認會占據(jù)表格第一列，這個時候，上面的代碼就出錯了。只能推到，使用第一個代碼，一個一個的選擇。注意，layui的數(shù)據(jù)表格，自動會生成5個表格：

我當前頁面只有兩個表格，一個常規(guī)，一個有選擇框，搜索發(fā)現(xiàn)里面竟然有10個

$('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數(shù)據(jù)表格的列的方法，看完之后是否有所收獲呢？如果想了解更多相關內容，歡迎關注創(chuàng)新互聯(lián)網站制作公司行業(yè)資訊！