layui实现数据表格隐藏列的示例

编程学习 2025-05-15 01:45www.dzhlxh.cn编程入门

```javascript

table.render({

elem: 'test',

url: '${pageContext.request.contextPath}/findcustomers',

cols: [[

{align:'center', title: '编号', sort: true, type:'numbers', width:100}

]],

page: true

});

```

在早期的layui版本中,我们可以通过使用done参数在数据加载完成后隐藏某些列。但这种方法并不完美,因为列会在加载后短暂地显示然后隐藏。

幸运的是,在layui 2.4版本中,引入了新的hide属性。只需在对应的列定义中添加hide: true,就可以轻松隐藏该列。例如:

```javascript

table.render({

elem: 'test',

url: '${pageContext.request.contextPath}/findcustomers',

cols: [[

{align:'center', title: '编号', sort: true, type:'numbers', width:100},

{field:'cust_id', title: 'ID', hide:true} // 这里设置了hide: true来隐藏ID列

]],

page: true

});

```

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板