Layui表格点击表头排序失效怎么解决

Layui table 排序失效主因是未启用 autoSort 或 page：需显式设置 autoSort: true（前端排序）或 page: true（服务端排序），且列配置 sort 必须为布尔值 true、有 field 字段，后端排序时 request 需透传 sort/order 参数。

layui table 排序失效是因为没开 sort 开关

默认情况下，layui.table 的列排序是关闭的，哪怕你写了 sort: true 在列配置里，表格整体不启用排序功能，点击表头就完全没反应。这不是 bug，是设计如此。

必须在初始化表格时显式开启 page 或 autoSort，否则 sort: true 仅控制列是否显示小箭头，不绑定事件。

• autoSort: true 是最轻量的解法，不需要分页也能触发前端排序（适合数据量小、纯前端渲染场景）
• 如果用了 page: true，Layui 会自动启用服务端排序逻辑，此时点击表头会触发 request 重新拉数据，但前提是后端接口要能接收 sort 和 order 参数
• 漏写 autoSort: true 是新手最高频的「明明写了 sort 却点不动」原因

后端排序时 request 没传 sort 和 order 参数

Layui 在开启分页后，点击表头会自动往 request.url 后拼 ?sort=xxx&order=asc，但如果你重写了 request 方法，又没手动把这两个参数带进去，后端就收不到排序意图。

典型错误写法是直接用 $.get(url, data)，却忘了把 obj.sort 和 obj.order 从请求对象里取出来合并进 data。

• 检查 request 函数签名：它接收一个 obj 对象，里面包含 sort、order、page、limit
• 正确做法是在 request 里显式构造请求参数：data: $.extend({}, obj.where, {sort: obj.sort, order: obj.order})
• 如果后端字段名不叫 sort/order（比如叫 field 和 direction），就得在这里做映射，不能指望 Layui 自动适配

列配置里 sort 写成字符串 "true" 或布尔值错位

sort 必须是布尔值 true 或 false，写成字符串 "true"、数字 1，甚至漏掉这一项，都会让 Layui 忽略该列的排序能力——表头箭头可能还在，但点击无效。

另外注意：只有设置了 field 的列才能排序；如果某列用 templet 渲染且没设 field，即使加了 sort: true 也无效，因为 Layui 不知道该按哪个字段排。

• 确认每列的 sort 是 JS 布尔字面量：sort: true，不是 sort: "true"
• 确保该列有 field，且值和返回数据中的 key 完全一致（区分大小写）
• 如果列内容是格式化后的字符串（如时间戳转日期），前端排序会按字符串比，结果可能不符合预期——这时候得靠后端排序或自定义 sortType

用了 sortType: 'number' 但数据里混了空值或非数字

当某列数据类型不统一（比如有的是 123，有的是 ""、null 或 "--"），再设 sortType: 'number' 就会导致整个排序函数返回 NaN，Layui 捕获异常后静默失败，表头点击像卡住一样没反应。

这不是 Layui 的限制，是 JS Number("") 返回 0、Number(null) 也返回 0，导致排序逻辑错乱。真实业务中，空值、破折号、占位符文本非常常见。

• 最稳妥的做法是不用 sortType，改由后端保证数据类型干净，或统一转成可比较格式（如空值转 -Infinity）
• 如果必须前端排序，可以自定义 sortType 函数，先做清洗：sortType: function(item) {return item == null || item === '' ? -Infinity : Number(item); }
• 别依赖 sortType: 'string' 来“兜底”，它只是强制转字符串比较，对数字型字符串（如 "10" vs "2"）依然会错

事情说清了就结束