layui实现动态表格

需求说明

点击不同的模型，进入同一个html中，表格头和表格体的数据都是从后台查询，实现动态表格。

接口说明

• 查询表格头的接口 findTableHead

接口返回数据格式示例：
{
 "success":"true",
 "result":[{"id":"id"，"name","ID"},{"id":"aaa"，"name","姓名"},{"id":"bbb"，"name","性别"},{"id":"time"，"name","时间"}]
}

• 查询表格数据的接口 findTableData

接口返回数据格式示例：
{
 "success":"true",
 "result":{
    "currentPage": 1,
    "pageSize": 10,
    "totalPage": 1,
    "totalSize": 22,
    "list": [{
        "id": "1",
        "aaa": "张三",
        "bbb": "男",
        "time": "2021-02-20 11:00:02"
       },{
        "id": "2",
        "aaa": "李莉",
        "bbb": "女",
        "time": "2021-02-20 11:05:02"
       }]
  }
 }

前端代码

• HTML代码

<table class="layui-hide" id="layTable" lay-filter="test"></table>

• JS代码

var cols_arr = [] ; //存储表格头的数组
var table=null;
layui.use('table', function(){
   
	table = layui.table;
	
	//查询表格头数据
	var modelId = $("#modelId").val();
	$.ajax({
   
		async: false, //关闭异步请求，加载完成表格头之后，再