layui数据表格的cols动态加载

时间：2020-04-30 17:34:38 收藏：0 阅读：877

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

 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

原文：https://www.cnblogs.com/widgetbox/p/12809575.html