layui的table留空白行
时间: 2023-07-30 16:06:34 浏览: 67
如果你想在 layui 的 table 中添加空白行,可以使用以下方法:
1. 在数据中添加空白数据行,例如在数组中添加一个空对象 `{}`
2. 使用 `layui.table.reload()` 方法重新加载数据
示例代码:
```javascript
var tableData = [
{id: 1, name: '张三', age: 20},
{id: 2, name: '李四', age: 25},
// 添加空白数据行
{},
{id: 3, name: '王五', age: 30}
];
// 初始化 table
layui.use('table', function(){
var table = layui.table;
table.render({
elem: '#demo',
data: tableData,
cols: [[
{field: 'id', title: 'ID', width: 80},
{field: 'name', title: '姓名', width: 120},
{field: 'age', title: '年龄', width: 80}
]]
});
});
// 在需要添加空白行的地方调用以下代码
layui.use('table', function(){
var table = layui.table;
// 添加空白数据行
tableData.push({});
// 重新加载数据
table.reload('demo', {
data: tableData
});
});
```
这样就可以在表格中添加空白行了。