layui 表格在点表头排序时数据错乱

ᥬ 小月亮2023-11-14 21:43

需求：

1、Layui中表格数据全部返回，由前端进行分页。

2、当表格进行排序的时候，需要重新请求接口，遇到问题：

排序的小图标不高亮
后端返回的数据顺序和前端显示的不一致

解决：

javascript 复制代码

initSort： { // 这里是排序的字段和升降序 }
autoSort: false,

javascript 复制代码

// 表格渲染
    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);
    };