layui 表格默认列不显示
时间: 2024-10-18 09:08:11 浏览: 21
layui实现数据表格隐藏列的示例
layui表格的默认列不显示通常是通过设置列隐藏或者初始化时不包含这些列来实现的。你可以使用`layui.table()`的`hidden`属性来控制哪些列应该默认隐藏。例如:
```javascript
layui.use('table', function(){
var table = layui.table;
// 初始化表格时不显示名为 'column_to_hide' 的列
table.render({
elem: '#myTable', // 表格容器ID
data: yourData, // 数据源
cols: [[// 列配置数组
{field: 'name', title: '姓名', visible: true}, // 显示的列
{field: 'column_to_hide', title: '隐藏列', hidden: true} // 默认隐藏的列
]]
});
});
```
在这个例子中,`column_to_hide`列将会在表格加载时默认不可见。如果你想在运行时动态改变某个列的可见状态,可以使用`table.reload()`方法并传入`true`作为第二个参数,启用数据触发的列切换:
```javascript
table.reload('myTable', true, {
hide: ['column_to_hide'] // 隐藏指定列
});
```
阅读全文