layui.table原生不支持拖拽排序，需手动绑定dragstart/dragover/drop事件操作tr元素，结合done回调、preventDefault、clientY与getBoundingClientRect计算插入位置，并在拖拽后按新DOM顺序更新data再reload。
layui table 如何启用拖拽排序功能
原生 layui.table 不支持行拖拽排序，必须手动集成第三方库或自己实现 dom 拖拽逻辑。官方文档里没这个 api，别在 cols 或 init 里找开关参数了。
实际可行路径只有一条：用浏览器原生 dragstart/dragover/drop 事件 + 表格 tbody 的 tr 元素操作，配合 table.reload() 刷新数据顺序。
- 必须给表格容器加
id（比如id="demo"），否则layui.table实例拿不到对应 DOM -
table.render()后不能直接操作tbody tr——要等done回调执行完，DOM 真实渲染完毕再绑定拖拽事件 - 拖拽时得禁用默认行为（
e.preventDefault()），否则 Chrome/Firefox 会触发文件上传提示
拖拽过程中如何准确识别插入位置
靠 dragover 事件的 clientY 和目标 tr 的 getBoundingClientRect().top 对比，判断是插到上方还是下方。别用 index() 或 prev()，它们在重排后容易错位。
- 每个
tr绑定dragover时，计算鼠标 Y 坐标是否落在该行上半部分 → 插入到它前面；否则插入到它后面 - 必须给被拖拽的
tr设置draggable="true"，否则无法触发dragstart - 拖拽源和目标不能是同一行，要用
e.target !== e.dataTransfer.getData('text')这类方式过滤
数据顺序更新后怎么同步到 layui 表格实例
拖拽只是改了 DOM 顺序，table.config.data 还是老的，不手动更新会导致翻页、搜索、导出都用错数据。
- 拖拽结束时，遍历当前
tbody tr，按顺序提取每行的data-index（渲染时row数据的原始索引）或你存的唯一 ID 字段 - 用这个新顺序去重新排列原始数据数组，再调用
table.reload('demo', { data: newArr }) - 别用
table.cache['demo'] = newArr直接改缓存——下次 reload 会覆盖它，且分页信息不同步
移动端拖拽为什么失效或卡顿
移动端没有 drag 系列事件，iOS Safari 和安卓 Chrome 都不支持，强行监听等于白写。
- 必须检测
'ontouchstart' in window，走touchstart/touchmove/touchend模拟拖拽逻辑 - 触摸点坐标要用
e.touches[0].clientY，不是e.clientY - 记得在
touchstart里加e.preventDefault()，否则 iOS 会触发页面滚动打断拖拽 - 性能敏感：不要在
touchmove里频繁调用getBoundingClientRect()，缓存一次结果复用
拖拽排序真正麻烦的不是逻辑，而是跨浏览器兼容性细节和数据状态同步时机——DOM 动了，内存里的数组没动，reload 又没传对 data，三者差一点，整个排序就“看起来动了，其实没变”。
