layui table 默认不支持行拖拽排序，因其仅负责渲染和事件绑定，拖拽需手动集成原生 drag API 或第三方库；关键步骤包括设置 draggable、监听 dragstart/drop、更新 table.cache 并 reload。
layui table 行拖拽排序为什么默认不支持
因为 layui 的 table 模块本身没内置拖拽逻辑，它只负责渲染和事件绑定，拖拽属于 DOM 层交互，得自己补。官方 demo 里所有“拖拽排序”都是基于原生 dragstart/dragover 或第三方库（如 sortablejs）手动集成的，不是调个参数就能开。
用原生 drag API 实现行拖拽的最小可行步骤
不用引入额外库，靠浏览器原生拖拽事件就能跑通，但要注意几个关键钩子和数据同步时机：
- 给每行
<tr>加draggable="true"，并监听dragstart记录被拖行的data-index（即 layui 渲染时给的索引） - 在
dragover阻止默认行为，否则拖入表格区域会触发浏览器默认跳转 - 在
drop里拿到目标行的data-index，调用table.cache["id"]获取当前缓存数据，手动调整数组顺序 - 必须调用
table.reload()或table.reloadData()（v2.8+）刷新视图，仅改缓存数组不会重绘
示例关键片段：
<tr data-index="2" draggable="true">...</tr> <tr data-index="5" draggable="true">...</tr>
拖到第 5 行上松手后，要把原索引 2 的数据插到索引 5 前面，再 reload。
拖拽后数据错位或顺序回滚的常见原因
reload 后恢复原始顺序？大概率是没正确更新 table.cache，或者 reload 时传了错误的 data 参数覆盖了你刚改好的缓存：
-
table.reload("id", { data: [...] })会完全忽略 cache，直接用你传的数组——这等于放弃你前面的手动调整 - 正确的做法是：只改
table.cache["id"]数组，然后调table.reload("id", { done: () => {} })，不传data - 如果用了分页，
table.cache只存当前页数据，跨页拖拽会失效；得先用table.getData()拿全量，操作完再整表 reload - 注意
data-index是渲染序号，不是原始数据 id；拖拽前最好在原始数据里加个唯一id字段，避免多页/搜索后索引错乱
要不要用 sortablejs 替代原生 drag
可以，但别无脑套。sortablejs 对 <tbody> 的支持不稳，容易和 layui 的内部 tr 重绘冲突：
- 必须等
table.render()完成、DOM 真实渲染后再初始化 Sortable，不能写在 render 回调外 - 要禁用
ghostClass和chosenClass，否则拖拽时样式错乱，layui 的 hover 效果会打架 - 启用
forceFallback: true能绕过部分移动端兼容问题，但 iOS Safari 上仍可能卡顿 - 最省事的折中方案：只对单页表格用原生 drag，带分页/筛选的场景改用「点击上下箭头」+ 后端排序，更稳
拖拽排序真正难的从来不是怎么拖，而是拖完之后怎么让数据、缓存、视图、分页状态全部对齐——这里漏一环，用户就感觉“拖了但没拖”。
