虚线边框不出现主因是soulTable.css未加载或样式被覆盖；需检查CSS引入顺序、动态tr渲染状态、border重置问题；Sortable需手动插入带样式的占位tr；固定高度或移动端需特殊处理。
拖拽时虚线边框不出现，大概率是soulTable.css没加载或被覆盖
虚线边框（即拖拽占位指示线）不是layui原生能力，而是soultable插件通过.soul-table-drag-line类控制的视觉反馈。它依赖css中的border-bottom: 2px dashed #009688等样式生效。如果拖拽时只看到行移动、但没有虚线提示，第一反应不是js逻辑错，而是样式链断了。
- 检查
<link rel="stylesheet" href="path/to/soulTable.css">是否在layui.css之后、layui.js之前引入 - 用开发者工具定位到
tbody内动态插入的<tr class="soul-table-drag-line">，看该元素是否被渲染出来；若没渲染，说明<code>soulTable.render(this)未执行或rowDrag:true未启用 - 若元素存在但无虚线，检查是否被其他CSS重置了
border或display（比如全局设置了tr { border: none !important }） - 用
evt.item.parentNode.insertBefore(placeholder, evt.item)插入到拖拽源之前，再在onUnchoose中移除 -
colspan="100%"不够稳妥，建议先读取表格实际列数：const cols = tbody.querySelector('tr:first-child td').length;，再设colspan - 注意：该占位行不能有
data-row或lay-id等Layui识别属性，否则可能干扰table.cache更新
Sortable.js方案下如何手动加虚线占位
如果你没用soulTable，而是直接集成Sortable，它默认不提供占位线，需自己注入一个<tr>并控制显隐。关键不是“画线”，而是“在正确位置插入带样式的空行”。
<ul>
<li>在<code>onChoose回调里创建占位行：const placeholder = document.createElement('tr'); placeholder.className = 'sortable-placeholder'; placeholder.innerHTML = '<td colspan="100%" style="border-bottom: 2px dashed #009688; height: 24px;"></td>';
虚线位置偏移或闪烁，多半是tbody高度计算异常
占位线贴不到目标行之间，常见于表格启用了height固定高度、或开启了分页但数据不足一页。此时tbody内部滚动容器（.layui-table-box）会截断渲染流，导致占位tr被挤出可视区或错位。
- 临时验证：给
tbody加overflow: visible !important，看虚线是否回归正常位置 - 根本解法：避免对
tbody设height；如必须固定高度，请改用table.render({ height: 400 })让Layui接管容器，而非手动写CSS - 如果用了
soulTable且开启fixed: true（固定列），需确认soulTable.config({ rowDrag: { fixed: true } })已启用，否则占位线只在普通列区域生效
移动端拖拽虚线失效，得换交互方式
HTML5 Drag & Drop API在iOS Safari和部分安卓WebView中不支持dragover事件触发占位线，且ghostClass在触摸场景下表现不可靠。这时候“虚线”本身已失去意义，应降级为视觉反馈更明确的方式。
- 放弃虚线，改用高亮目标行背景色：
onMove: (evt) => { $(evt.related).addClass('drag-over'); }，配合CSS.drag-over { background-color: #f0f9ff !important; } - 禁用移动端拖拽，改用长按弹出排序操作浮层（如“上移”“下移”按钮），避免用户误操作
- 检测是否为触屏设备：
'ontouchstart' in window || navigator.maxTouchPoints > 0，据此动态切换拖拽策略
