layui table 如何自定义排序
时间: 2023-10-04 16:12:42 浏览: 225
layui2.2.5表格排序功能自定义扩展
可以使用 layui 的自定义排序功能来实现,具体步骤如下:
1. 在 table 配置中加入 sort 排序属性:
```
table.render({
elem: '#test'
,data: data
,cols: [ /*省略其他配置项*/ ]
,sort: function(obj){
// obj 的格式为: { field: 'id', type: 'asc' },即排序的字段和排序方式
// 返回排序依据的值,如:
return obj.id;
}
});
```
2. 实现自定义排序函数,并将其返回值作为 sort 函数的返回值:
```
table.render({
elem: '#test'
,data: data
,cols: [ /*省略其他配置项*/ ]
,sort: function(obj){
return customSortFunction(obj); // 自定义排序函数
}
});
function customSortFunction(obj) {
// 根据 obj 的值进行自定义排序
// 返回排序依据的值,如:
return obj.id;
}
```
通过以上步骤,就可以实现 layui table 的自定义排序了。
阅读全文