【Layui】-------layui table 怎么加载完整! 在这里

1.  没有加载出来的原因 有可能 两个 表格 同时渲染加载  出现冲突  所以在这里我有个方法可以解决这个问题; 就是 设置 间隔时间  来分开两个表格的同时加载。 这样就不会冲突。 

 var AddDataTable1=[
                          {出发点:"徐州",目的点:"宁夏",描述:"出差22天",金额:"222"},
                          {出发点:"徐州",目的点:"淮安",描述:"出差24天",金额:"500"},
                          {出发点:"宁夏",目的点:"淮安",描述:"出差10天",金额:"600"},
                          {出发点:"徐州",目的点:"宁夏",描述:"出差22天",金额:"222"},
                          {出发点:"徐州",目的点:"淮安",描述:"出差24天",金额:"500"},
                          {出发点:"宁夏",目的点:"淮安",描述:"出差10天",金额:"600"},
                          {出发点:"徐州",目的点:"宁夏",描述:"出差22天",金额:"222"},
                          {出发点:"徐州",目的点:"淮安",描述:"出差24天",金额:"500"},
                          {出发点:"宁夏",目的点:"淮安",描述:"出差10天",金额:"600"},
                          {出发点:"徐州",目的点:"宁夏",描述:"出差22天",金额:"222"},
                          {出发点:"徐州",目的点:"淮安",描述:"出差24天",金额:"500"},
                          {出发点:"宁夏",目的点:"淮安",描述:"出差10天",金额:"600"}
                        ]             
   // tabl31 
              var  tables=function(){
                table1.render({
                    elem: '#table-tab1',
                    height:260
                // ,url:'/demo/table/user/'
                    ,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
                    layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                    //,curr: 5 //设定初始在第 5 页
                    ,groups: 1 //只显示 1 个连续页码
                    ,first: false //不显示首页
                    ,last: false //不显示尾页
                    ,limit: 20,
                   
                    },
                    cellMinWidth: 80
                    ,cols: [[
                    {checkbox: true,field:'id'},
                    {field:'出发点',  title: '审批状态', sort: true}
                    ,{field:'目的点',  title: '报销人'}
                    ,{field:'描述',  title: '部门名称', sort: true}
                    ,{field:'金额',  title: '名称'}
                    ]],
                    data:AddDataTable1
                    
                });
              }
                // 这个就是最主要的代码
                 var  i=0;
                 var set=setInterval(function(){
                    tables();
                    if(i++==1){
                        console.log(i);
                        clearInterval(set);
                    }
                    },100);
                    i=0;
               });

 

2. 发现问题 请告诉我 共同进步。 

你可能感兴趣的:(JavaScript,Layui)