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

需求:

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);
    };

你可能感兴趣的:(UI框架,layui,前端,javascript)