阅读量:5
在layui中动态删除表格列,需要通过修改表格的配置项来实现。具体步骤如下:
- 获取表格实例:首先需要通过表格的id或者class获取到表格实例,例如:
var table = layui.table; var tableIns = table.render({ elem: '#testTable', url: '/data', cols: [[ {field: 'id', title: 'ID'}, {field: 'name', title: '姓名'}, {field: 'age', title: '年龄'} ]] });
- 修改表格配置项:在获取到表格实例后,可以通过修改cols配置项来动态删除表格列,例如:
// 动态删除表格列 var newCols = tableIns.config.cols[0].filter(function(col) { return col.field !== 'age'; // 删除字段为'age'的列 }); tableIns.reload({ cols: [newCols] });
以上代码会删除表格中字段为’age’的列,然后重新加载表格,实现动态删除列的效果。
需要注意的是,layui表格暂时没有提供直接的API方法来删除表格列,因此需要通过修改表格配置项的方式来动态删除列。