要在Layui表格中新增一列
时间: 2024-05-01 13:20:57 浏览: 118
LayUI table新增空白行
在Layui表格中新增一列,需要先在表格的列定义中添加新的列,然后在数据中填充对应的数据。以下是一个简单的示例代码:
```javascript
// 定义表格列
var cols = [
{field: 'id', title: 'ID', width: 100},
{field: 'name', title: '姓名', width: 150},
{field: 'age', title: '年龄', width: 80},
// 新增一列
{field: 'gender', title: '性别', width: 80}
];
// 渲染表格
layui.table.render({
elem: '#demo',
cols: [cols],
data: [
{id: 1, name: '张三', age: 18, gender: '男'},
{id: 2, name: '李四', age: 20, gender: '女'},
{id: 3, name: '王五', age: 22, gender: '男'}
]
});
```
上面的代码中,我们新增了一个名为“gender”的列,然后在数据中为每一行填充了对应的性别数据。在实际开发中,你可能需要根据具体的需求来定制表格的列定义和数据填充方式。
阅读全文