layui table空值默认参与js原生比较，导致排序混乱；应通过sorttype: 'custom'配合自定义sorter函数将空值统一沉底，且需区分前端排序与服务端排序场景。
layui table 排序时空值排在哪？默认行为要改
layui 的 table.render() 默认开启表头排序后，空值（null、undefined、空字符串 ''）会参与比较，导致排序结果混乱——比如数字列里 null 被当成最小值排最前，或字符串列里 '' 挤在中间。这不是 bug，是 js 原生比较逻辑的副作用，但业务上通常希望空值统一沉底（或浮顶），且不参与实际大小比较。
用 sortType: 'custom' + 自定义 sorter 函数
必须关掉默认排序逻辑，走自定义路径。核心是给列配置 sorter 回调，在里面手动处理空值优先级：
-
sorter函数接收三个参数：a（当前行值）、b（对比行值）、order（升序还是降序） - 先判断
a和b是否为空（a == null || a === ''），再决定怎么比 - 常见策略：空值统一排最后 → 升序时让空值返回
1，降序时也返回1（即永远“大”）
table.render({
cols: [[
{field: 'price', title: '价格', sort: true,
sortType: 'custom',
sorter: function(a, b, order) {
const isEmpty = v => v == null || v === '';
if (isEmpty(a) && isEmpty(b)) return 0;
if (isEmpty(a)) return 1; // a空 → a排后面
if (isEmpty(b)) return -1; // b空 → b排后面
// 都非空，按数字比
return order === 'asc' ? a - b : b - a;
}
}
]]
});
字符串列排序要注意类型转换和空格
如果列值是字符串但含数字（如 '12'、'2'），直接 a > b 是字典序，'12' > '2' 为 false。空值之外还得小心这个：
- 用
parseFloat(a)或Number(a)转数字再比，但得兜底：转出来是NaN就当空值处理 - 字符串去首尾空格：
a.trim() === ''才算空，避免' '被误判为有效值 - 中文/特殊字符排序不用管，layui 依赖浏览器
localeCompare，但空值逻辑仍要自己控
服务端排序时，前端空值逻辑无效
如果开了 page: true 且 url 是接口地址，排序实际由后端完成，前端 sorter 完全不执行。这时候必须：
- 前后端约定空值字段统一用
null（不是''或'null'字符串） - 后端 SQL 里用
ORDER BY field IS NULL, field ASC把空值沉底 - 或者 MySQL 8.0+ 用
ORDER BY field ASC NULLS LAST
漏掉这点，前端再怎么写 sorter 都没用——因为数据根本没发到前端来排序。
空值排序真正麻烦的不是写法，而是得先确认排序发生在哪一层；同一套代码，前后端混用时最容易在这里掉坑里。
