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
});
```