layui数据表格的cols动态加载

项目中需要实现一个功能 根据搜索条件,表格展示不同内容的列,于是去试了一下

 table.reload('tableId', {
    where:field,//搜索条件
    cols:[closs]//给cols赋值
});

 

没毛病,然而在完成后测试发现 一开始的表格是15列,切换后是17列,再切回的时候莫名多了两列数据,15列可以变17列,17列变不回15列了。(资料说是reload不改变cols的属性,但是15列可以变成17列
解决方法是重新加载表格(这里的表格重载是指对表格重新进行渲染,包括数据请求和基础参数的读取

function render_table(cols){
        table.render({
            elem: ''
            , url: ""
            , where: {}
            , method: 'post'
            , response: {}
            , parseData: function (res) {
                return {
                    "code": res.code,
                    "msg": res.msg,
                    "count": res.data.total,
                    "data": res.data.data
                };
            }
        })
    }
render_table(closs);

然后再reload 传cols参数就可以了

 

BY    QNAN

 

 
posted @ 2020-04-30 16:27  WidgetBox  阅读(7713)  评论(1编辑  收藏  举报