layui中如何隱藏table的列

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

正安網站建設公司創(chuàng)新互聯(lián),正安網站設計制作，有大型網站制作公司豐富經驗。已為正安1000多家提供企業(yè)網站建設服務。企業(yè)網站搭建\外貿網站制作要多少錢，請找那個售后服務好的正安做網站的公司定做！

現(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  開頭，所以隱藏列只能：

 $('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è)資訊！

當前名稱：layui中如何隱藏table的列
分享URL：http://bm7419.com/article24/jdeije.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、微信公眾號、網站改版、網頁設計公司、品牌網站制作、網站內鏈

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)