layui table動態列實現

前兩天專案遇到乙個場景，使用layui table時，除了固定列之外，還需要使用動態列來展示一些動態資料。

mysql查詢動態行轉動態列，並使用mybatis執行語句

基本思路：

從後台獲取資料，處理成陣列型別

宣告乙個二維陣列，根據列需求動態新增元素作為動態列

table渲染時指定資料和列

套路：

$.

ajax()
;}})
;

//固定列

//**資料tabledata
var tabledata =[,
,,];
//固定列二維陣列
var col =[[
,,]]
;

//動態列

var subjectfield =
["math"
,"chinese"
,"english"];
var subjecttitle =
["數學"
,"語文"
,"英語"];
//給tabledata動態新增資料
for(
var i =
0; i < subjectfield.length;
++i)
}//動態新增列屬性
for(
var i =
0; i < subjectfield.length;
++i));
}//

//渲染table

table.
render()
;

參考資料：

fly社群 - layui table 能否做到 動態列

Layui Table隱藏列問題

layui沒有提供table隱藏列的功能 只是寫這個文件的時候沒有提供 第一步 獲取layui的tablebox jquery物件 var table box this.table elem next find layui table box this.table elem 是指的table標籤的i...

layui table 資料列格式化顯示

1 html 原始碼 id建立時間 ip裝置型別 業務描述 cpu告 式 聯絡 記憶體容量 g 磁碟容量 g 作業系統 狀態 2.js date.prototype.format function fmt if y test fmt fmt fmt.replace regexp.1,this.get...

Layui table方法渲染動態禁用核取方塊

根據 判斷，不為男時，禁止勾選，頁面如下圖所示，當頁面只有乙個核取方塊時，隱藏第一列 頁面如下圖所示 測試 可以直接將 複製到除錯預覽中測試。按需複製 注意點 新增自定義核取方塊列 改寫全選和單選核取方塊事件，使用form.render 重新渲染 使用ids直接獲取核取方塊選中的值 var ids ...