外部按钮触发 layui 表格排序需手动执行排序逻辑并调用 table.initSort() 同步表头图标；必须持有原始数据引用（非 table.cache），确保 field 和 type 合法，且初始化时设置 autoSort: false、列配置 sort: true 并保留 lay-sort 属性。
外部按钮触发 layui 表格排序，本质是模拟 sort 事件
layui 表格没有 table.sort() 这类直接调用的 api，所谓“外部触发排序”，其实是手动调用 table.on('sort(...)') 监听器里的逻辑，或者更准确地说：复现一次点击表头后发生的事——取数据、排序、重载、同步图标。不能靠 trigger('click') 模拟 dom 点击，因为 layui 的排序行为不绑定在 dom 上，而是在内部事件系统里。
必须提前保存原始数据源，否则 reload 时无数据可排
如果你的表格是通过 url 加载的（服务端模式），外部按钮排序前得确保你已缓存了完整数据，或能再次发起请求；如果是前端静态数据（data: []），则必须在 table.render() 之前就持有该数组的引用，不能只依赖 table.cache——它只存当前渲染页的数据（分页时尤其危险）。
- 错误做法：
table.cache['test']在分页场景下只有当前页的 10 条，排序后全表乱序 - 正确做法：声明全局变量
let rawData = []，在接口返回后赋值，后续排序都基于它 - 如果用
url且不想缓存全量数据，外部按钮就只能走服务端排序：构造where参数并调用table.reload()
手动调用排序逻辑，注意 field 和 type 的合法性
外部按钮点击后，你需要显式执行和监听器里一模一样的排序流程。关键不是“怎么触发”，而是“怎么组织参数”——field 必须是列配置中定义的 field 值（如 'price'），type 只能是 'asc' 或 'desc'，写错一个，table.initSort() 就不会更新表头箭头。
document.getElementById('sortPriceBtn').addEventListener('click', function(){
const field = 'price';
const type = 'desc'; // 固定降序，或根据状态切换
const sortedData = rawData.slice().sort((a, b) => {
const aVal = parseFloat(a[field]) || 0;
const bVal = parseFloat(b[field]) || 0;
return type === 'asc' ? aVal - bVal : bVal - aVal;
});
table.reload('test', { data: sortedData });
table.initSort({ field: field, type: type }); // 同步表头图标
});容易忽略的兼容点：autoSort 和 lay-sort 属性仍需保留
即使你不用表头点击，仅靠外部按钮排序，表格初始化时仍要满足排序功能的基础条件，否则 table.initSort() 不生效、表头图标不显示：
-
autoSort: false必须显式设置，否则点击表头会干扰你的外部逻辑 - 对应列仍需配置
sort: true且带合法field，否则table.initSort()拒绝识别该列 - 表头 DOM 上仍要有
lay-sort属性（如lay-sort="asc"），这是 layui 判断“此列为可排序列”的硬性依据
最常被跳过的细节是：外部排序后没调用 table.initSort()，或者传参字段名拼错，结果按钮点了数据变了，但表头图标还是默认状态，用户以为没反应。
