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 = [

你可能感兴趣的:(Layui)