Layui表格如何实现点击排序（Sort）但不请求后端接口-Layui教程-PHP中文网

要关闭 layui 表格点击表头自动重载，需删掉或设 url 为 null、显式设置 autosort: false，并保留 lay-sort 属性；再通过 table.on('sort(filter)', ...) 监听，用 table.cache 获取数据并手动排序。

点击表头排序但不触发 reload

layui 的 table.render() 默认开启 autosort: true，只要表头有 lay-sort 属性，点击就会自动调用 reload() 并带 initsort 参数——这正是你不想看到的后端请求。关键不是“怎么排序”，而是“怎么关掉默认重载”。

把 url 配置项删掉或设为 null，同时确保数据是通过 data 直接传入的（即前端静态数据模式）
显式设置 autoSort: false，否则哪怕没 url，点击仍会触发一次无意义的 reload
表头必须保留 lay-sort="asc" 或 lay-sort="desc"，不然 layui 不识别可排序列

手动实现前端排序逻辑

关闭自动行为后，得自己监听表头点击、取当前数据、排序、再重绘表格。Layui 没提供内置的前端排序方法，但它的 table.cache 是个可靠的数据快照源。

用 table.on('sort(test)', ...) 监听事件（test 是你表格的 id 或 elem 的 lay-filter 值）
从 table.cache['test'] 拿原始数据，避免操作 DOM 或重复解析
注意：event.field 是点击列的 field，event.type 是 asc 或 desc，别直接拿 event.elem 读文本
字符串排序记得用 localeCompare()，数字字段要转 Number() 再比，否则 "10" 会出错

table.on('sort(test)', function(obj){
  var data = table.cache.test.slice(); // 浅拷贝防污染
  data.sort(function(a, b){
    var aVal = a[obj.field], bVal = b[obj.field];
    if (typeof aVal === 'number' && typeof bVal === 'number') {
      return obj.type === 'asc' ? aVal - bVal : bVal - aVal;
    }
    return obj.type === 'asc' 
      ? String(aVal).localeCompare(String(bVal))
      : String(bVal).localeCompare(String(aVal));
  });
  table.reload('test', { data: data });
});