layui 数组多条数据 如何能全部展示在表格中
时间: 2023-12-16 16:02:26 浏览: 113
Layui实现数据表格默认全部显示(不要分页)
如果您使用的是 layui 的 table 模块,您可以通过设置 table 的 cols 属性来实现展示多条数据。cols 属性是一个数组,每个元素表示一列数据,其中 title 属性表示列标题,field 属性表示对应数据的字段名,width 属性表示列宽度(可选),sort 属性表示是否开启排序(可选),align 属性表示列对齐方式(可选)等等。
举个例子,如果您想展示一个包含姓名、年龄、性别三个字段的表格,您可以这样设置 cols 属性:
```
table.render({
elem: '#demo',
cols: [[
{field: 'name', title: '姓名'},
{field: 'age', title: '年龄'},
{field: 'gender', title: '性别'}
]],
data: yourData
});
```
其中 yourData 是您要展示的数据数组。这样设置后,表格就会按照您设置的列来展示数据。如果您的数据数组中有多条数据,它们会全部展示在表格中。
阅读全文