溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
