layui 表格添加删除行
时间: 2023-09-06 10:11:53 浏览: 606
layui table 多行删除(id获取)的方法
在 layui 表格中,可以通过以下方法实现添加和删除行:
1. 添加行:
```
// 添加一行
table.addRow(data);
// 添加多行
table.addRow([data1, data2, ...]);
```
其中,`table` 为 layui 表格实例化对象,`data` 为要添加的数据,可以是一个对象或一个数组。添加行时,表格会自动根据数据渲染新的行。
2. 删除行:
```
// 删除指定行
table.deleteRow(index);
// 删除所有行
table.deleteAll();
```
其中,`index` 为要删除的行的索引,从 0 开始。删除行时,表格会自动重新渲染。
需要注意的是,以上方法需要在 layui 表格数据加载完成后才能使用,否则会报错。可以在表格的 `done` 回调函数中使用这些方法,例如:
```
layui.use('table', function(){
var table = layui.table;
// 监听表格加载完成事件
table.on('done', function(){
// 在这里使用添加/删除行方法
});
// 渲染表格
table.render({
// ...
});
});
```
阅读全文