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如何隐藏列
基础教程推荐
猜你喜欢
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- Vue+WebSocket实现在线聊天 2023-10-08
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- 第7天:CSS入门 2022-11-04
- vue的 Mixins (混入) 2023-10-08
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20