table.sort() 不能直接实现多列排序，因其仅支持单列三态（asc→desc→取消），每次点击重置其他列状态，不记录历史、不维护多列排序标识；多列排序需手动监听sort事件、禁用自动排序、维护sortrules数组并重排table.cache数据。
table.sort() 为什么不能直接实现多列排序
因为 table.sort() 只维护单列三态（asc → desc → 取消），每次点击都会重置其他列的排序状态。它不记录历史点击，也不支持同时激活多个列的排序标识——所谓“多列排序”，本质是组合排序逻辑，Layui 原生压根没这个设计。
手动监听 sort 事件 + 维护排序队列
必须禁用自动排序，自己管排序状态和数据重排：
- 在
table.render()中设置autoSort: false - 用
table.on('sort(demo)', function(obj){})捕获点击，别依赖默认行为 - 用数组（如
sortRules = []）存字段和方向，支持追加、替换或 Ctrl+Click 移除 - 对
table.cache.demo手动sort()，注意用稳定比较：相同键值时继续比下一级 - 最后调用
table.reload('demo', { data: sorted })，**不要传url，否则会重新请求**
示例关键逻辑：
let sortRules = [];
table.on('sort(demo)', function(obj){
const field = obj.field;
const type = obj.type;
// Ctrl+Click 同一字段：切换方向；否则追加为次级
const idx = sortRules.findIndex(r => r.field === field);
if (idx > -1 && event.ctrlKey) {
sortRules[idx].type = sortRules[idx].type === 'asc' ? 'desc' : 'asc';
} else if (idx === -1) {
sortRules.push({field, type});
}
// 多级稳定排序
const sorted = table.cache.demo.sort((a, b) => {
for (let rule of sortRules) {
const aVal = a[rule.field], bVal = b[rule.field];
if (aVal bVal) return rule.type === 'asc' ? 1 : -1;
}
return 0;
});
table.reload('demo', { data: sorted });
});
后端接收多字段排序参数怎么写才安全
别把 sortRules 直接塞进 where 平铺传，Spring Boot 等框架会把它转成逗号字符串，丢掉结构。
- 前端手动
JSON.stringify(sortRules)，赋给where.sortJson - 后端接收后先校验字段名是否在白名单里（防 SQL 注入），再解析为数组
- 如果后端只认扁平参数（如
sort_field_1、sort_type_1），就用循环拼 key，别硬写死下标
reload 时最容易丢的状态有哪些
table.reload() 不带参数就是“重置一切”：页码跳回第 1 页、筛选条件清空、排序图标消失、固定列错位……这些不是 bug，是默认行为。
- 要保留当前页码，必须显式传
page: { curr: table.config.page.curr } - 要保留筛选条件，reload 前先读
table.config.where，合并进新where - 要保留 initSort 显示状态，得自己用 CSS 给表头加
layui-table-sort-asc类 -
table.cache是快照副本，改它不影响原始数据源；但 reload 后会被覆盖，别指望它持久
真正麻烦的不是写排序逻辑，而是 reload 后那一堆要手动兜底的状态同步——漏一项，用户就感觉“点完排序，表格乱了”。
