layui table 添加行
时间: 2023-06-29 08:04:16 浏览: 131
layui实现点击按钮给table添加一行
可以使用 layui table 的 API 中的 `table.addRow()` 方法来添加行。具体步骤如下:
1. 获取当前 table 实例:
```javascript
var table = layui.table;
```
2. 构造要添加的数据:
```javascript
var data = [{
id: 1,
name: '张三',
age: 20,
gender: '男'
}];
```
3. 调用 `table.addRow()` 方法添加数据:
```javascript
table.addRow('test-table', data);
```
其中,`test-table` 是 table 的 lay-filter 属性值,表示要添加行的 table 实例。
完整的代码示例:
```javascript
var table = layui.table;
var data = [{
id: 1,
name: '张三',
age: 20,
gender: '男'
}];
table.addRow('test-table', data);
```
阅读全文