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: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知識請關注layui使用教學欄位。

以上是layui中table資料表隱藏列的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！