layui动态表格怎么用data
时间: 2023-09-22 17:11:40 浏览: 64
layui使用数据表格实现购物车功能
在layui中,使用动态表格需要通过数据渲染来实现。可以使用 `table.render()` 方法渲染表格,并通过 `data` 参数来传递数据。
以下是一个示例代码:
```javascript
// 渲染表格
table.render({
elem: '#demo', // 绑定元素
cols: [[ // 表头
{field: 'id', title: 'ID'},
{field: 'username', title: '用户名'},
{field: 'email', title: '邮箱'}
]],
data: [ // 数据
{id: 1, username: 'user1', email: 'user1@example.com'},
{id: 2, username: 'user2', email: 'user2@example.com'},
{id: 3, username: 'user3', email: 'user3@example.com'}
]
});
```
在上面的示例中,我们通过 `table.render()` 方法渲染了一个表格,指定了表头和数据。其中,`elem` 参数指定了绑定的元素,`cols` 参数指定了表头,`data` 参数指定了数据。
你可以将 `data` 参数替换为你自己的数据,以渲染你需要的表格。
阅读全文