layui怎么隐藏列,该如何操作?加载完表格的操作:layui怎么隐藏列,该如何操作?加载完表格的操作: tableIns = table.render({ elem: '#tableDemo', url: '/pltTaskInfo/getDataByCondition', toolbar: '#toolbarDemo', cols: [cols], defaultToolbar: ['filter'], height: 'full-80', page: { limit: TableUIObj.onePageRecoeds, limits: [10, 2
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如何隐藏列
基础教程推荐
猜你喜欢
- 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行 2023-10-28
- this[] 指的是什么内容 讨论 2023-11-30
- 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响 2024-04-26
- js禁止页面刷新与后退的方法 2024-01-08
- 基于Vue制作组织架构树组件 2024-04-08
- CSS3的几个标签速记(推荐) 2024-04-07
- JS前端广告拦截实现原理解析 2024-04-22
- 浅谈Vue2和Vue3的数据响应 2023-10-08
- vue离线环境如何安装脚手架vue-cli 2025-01-19
- Ajax实现动态加载数据 2023-02-01
