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，三者差一点，整个排序就“看起来动了，其实没变”。