layui table format
时间: 2023-06-28 20:14:13 浏览: 129
Layui table 是一种基于Layui框架的表格插件,它可以方便地实现表格的展示、分页、排序、筛选等功能。关于表格的格式化,Layui table 提供了多种方式:
1. 格式化单元格内容:通过 table.render() 方法的 templet 属性可以自定义单元格的内容,例如:
```javascript
table.render({
elem: '#demo',
cols: [[
{field: 'name', title: '姓名'},
{field: 'score', title: '分数', templet: function(d){
return d.score + ' 分';
}}
]],
data: [
{name: '张三', score: 90},
{name: '李四', score: 80}
]
});
```
2. 格式化列头:通过 table.render() 方法的 toolbar 属性可以自定义列头的内容,例如:
```javascript
table.render({
elem: '#demo',
cols: [[
{field: 'name', title: '姓名'},
{field: 'score', title: '分数'}
]],
toolbar: '<div>自定义列头内容</div>',
data: [
{name: '张三', score: 90},
{name: '李四', score: 80}
]
});
```
3. 格式化行数据:通过 table.render() 方法的 done 属性可以自定义行数据的展示方式,例如:
```javascript
table.render({
elem: '#demo',
cols: [[
{field: 'name', title: '姓名'},
{field: 'score', title: '分数'}
]],
done: function(res, curr, count){
var data = res.data;
for(var i=0;i<data.length;i++){
data[i].score = data[i].score + ' 分';
}
table.reload('demo', {
data: data
});
},
data: [
{name: '张三', score: 90},
{name: '李四', score: 80}
]
});
```
以上是 Layui table 的三种格式化方式,你可以根据实际需求选择合适的方式。
阅读全文