layui-table动态列实现

前两天项目遇到一个场景，使用layui table时，除了固定列之外，还需要使用动态列来展示一些动态数据。

mysql查询动态行转动态列，并使用mybatis执行语句

基本思路：

1. 从后台获取数据，处理成数组类型
2. 声明一个二维数组，根据列需求动态添加元素作为动态列
3. 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 = [