Layui Table隱藏列問題

2021-08-20 14:21:07 字數 681 閱讀 5829

layui沒有提供table隱藏列的功能(只是寫這個文件的時候沒有提供)。

第一步:獲取layui的tablebox jquery物件

var _table_box = $(this._table_elem).next().find(".layui-table-box");

this._table_elem 是指的table標籤的id 

layui-table-box 是layui的類名 

第二步:將需要隱藏的列新增 display:none 的樣式 :

_table_box.find("[data-field="+value+"]").csss("display","none");

value 指的就是需要隱藏列的 field 值 

附上原始碼:

以上是對layui table的簡單封裝。

其實只要改行物件有資料,就能取出來比如列名為 :姓名,性別,年齡 而資料為 userid,username,***,age 

儘管列名裡面沒有關於userid的字段,但是取行資料的時候實際上是可以取出來的。

layui table動態列實現

前兩天專案遇到乙個場景,使用layui table時,除了固定列之外,還需要使用動態列來展示一些動態資料。mysql查詢動態行轉動態列,並使用mybatis執行語句 基本思路 從後台獲取資料,處理成陣列型別 宣告乙個二維陣列,根據列需求動態新增元素作為動態列 table渲染時指定資料和列 套路 aj...

layui table 自動表單 隱藏id

現在國內的模板,也就layui一家獨大了,其中的資料 功能強大,但我不會用python或者django拼接json,輸出傳送給資料 那只好用笨辦法,迴圈遍歷吧。資料 中保留id列,是為了編輯修改的時候獲取改行資料的id值,但又不需要展示出來,所以需要隱藏。id列的 是 cols 標題欄這個 就可以把...

GridView隱藏列問題

在aspx頁面gridview的屬性中設定rowcreated屬性,cs頁面寫下面的 void gridview1 rowcreated object sender,gridviewroweventargs e 可以根據需要設定更多的列 此外,針對datagrid無法提供行主鍵的問題,gridvie...