需求:
1、Layui中表格数据全部返回,由前端进行分页。
2、当表格进行排序的时候,需要重新请求接口,遇到问题:
排序的小图标不高亮
后端返回的数据顺序和前端显示的不一致
解决:
initSort: {
autoSort: false,
var tableRender = function (data,cols,tableLast) {
let obj = {
elem: "#LAY-prepaidStatement-table",
done: function (res, curr, count) {
},
cols: [cols],
data,
skin: "line",
size: "lg",
even: true,
autoSort: false,
cellMinWidth: 100,
totalRow: tableLast,
page:{
curr:G_pageNo},
limits: [10,15,20],
limit: G_pageSize,
}
if (sortKey && (sortType !== -1)) {
obj.initSort = {
field: sortKey,
type: sortType === 2 ? 'desc' : sortType === 1 ? 'asc' : -1,
}
}
table.render(obj);
};
table.on('sort(xxx-table)', function(obj){
sortKey = obj.field
sortType = obj.type === 'asc' ? 1 : obj.type === 'desc' ? 2 : -1
});