layui怎么隐藏列,该如何操作?

时间:2022-10-19
layui怎么隐藏列,该如何操作?加载完表格的操作:
 tableIns = table.render({
                elem: '#tableDemo',
                url: '/pltTaskInfo/getDataByCondition',
                toolbar: '#toolbarDemo',
                cols: [cols],
                defaultToolbar: ['filter'],
                height: 'full-80',
                page: {
                    limit: TableUIObj.onePageRecoeds,
                    limits: [10, 20, 30, 40, 50]
                },
                where: {
                    pltId: pltId,
                    deptId: deptId,
                    orderbyFields: upperFieldMatch(TableUIObj.orderbyFields),
                    orderbyUpdown: TableUIObj.orderbyUpdown
                },
                autoSort: false,
                parseData: function (res) { //res 即为原始返回的数据
                    return {
                        "code": 0, //解析接口状态  跟版网整理
                        "data": res.data, //解析数据列表
                        "count": res.totleNum, //解析数据长度
                    };
                },
                request: {
                    limitName: 'pageSize' //每页数据量的参数名,默认:limit
                },
                done: function (res) {
                    if(pltType == '01'){
                        $('#add').hide();
                    }else{
                        $('#import').hide();
                        //隐藏某一列
                        $("[data-field='controlLevel']").css('display','none');
                    }
        })
或者layui数据表格中隐藏列方式,如果直接在定义列时隐藏: taskNo: {field: 'taskNo', title: '编码', sort: true, hide: true},
var colShowObj = {
            taskNo: {field: 'taskNo', title: '编码', sort: true, hide: true},
            controlLevel: {
                field: 'controlLevel', title: '关注等级', sort: true, hide: false, templet: function (d) {
                    return dictionaryObj['CONTROL_LEVEL']['object'][d.controlLevel] || ''
                }
            },
        }
 
上一条:Layui在table中使用select下拉框 下一条:layer.msg 弹出不同的效果的样式

相关文章

最新文章