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如何隐藏列
基础教程推荐
猜你喜欢
- vue在install时node-sass@4.14.1 postinstall:node scripts/build.js错误解决 2023-07-09
- JavaScript开发简单易懂的Svelte实现原理详解 2023-08-12
- ajax异步加载图片实例分析 2022-12-18
- JavaScript函数this指向问题详解 2023-08-12
- AJAX实现数据的增删改查操作详解【java后台】 2023-02-23
- html网页中使用希腊字母的方法 2022-09-21
- Ajax实现关键字联想和自动补全功能及遇到坑 2023-02-23
- Ajax实现简单下拉选项效果【推荐】 2022-12-28
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题 2022-10-17
- 【vue】三种获取input值的写法 2023-10-08
