怎么获取标题为id的数据用layui中的table.render()
时间: 2024-05-01 21:18:13 浏览: 137
您可以通过以下代码获取标题为id的数据,并使用table.render()方法渲染表格:
```javascript
// 定义数据
var data = [{
id: '1',
name: '张三',
age: 20
}, {
id: '2',
name: '李四',
age: 22
}, {
id: '3',
name: '王五',
age: 24
}];
// 获取id=1的数据
var resultData = data.filter(function(item) {
return item.id === '1';
});
// 渲染表格
layui.use(['table'], function(){
var table = layui.table;
table.render({
elem: '#demo',
cols: [[ // 表头
{field: 'id', title: 'ID', width:80},
{field: 'name', title: '姓名', width:80},
{field: 'age', title: '年龄', width:80}
]],
data: resultData
});
});
```
上述代码中,我们先定义了一个数据,包含了id、name、age三个字段。接着,我们通过数组的filter()方法获取了id为1的数据,存储在变量resultData中。最后,使用layui中的table.render()方法渲染表格,设置表头和数据源。
阅读全文