前两天项目遇到一个场景,使用layui table时,除了固定列之外,还需要使用动态列来展示一些动态数据。
基本思路:
- 从后台获取数据,处理成数组类型
- 声明一个二维数组,根据列需求动态添加元素作为动态列
- table渲染时指定数据和列
套路:
$.ajax({
url: url
, type : "GET"
, dataType: "JSON"
, success: function(res) {
//处理数据,tableDate
//生成动态列二维数组col
table.render({
elem: "#tableId"
, id: tableId
, data: tableData
, cols: col
});
}
});
举例(这里就不使用后台获取数据的方式了,直接声明):
//固定列
//表格数据tableData
var tableData =