Ojet表格行重排序异常：拖动单行时显示选中整个表格

问题现象 #

• 使用带行重排序功能的OJ Table组件时，尝试拖拽行排序，实际触发的是整个表格的拖拽，而非目标单行。
• 预期效果：拖拽时仅选中并移动目标单行
  
• 实际效果：拖拽时整个表格被拖动
  

排查与解决步骤 #

1. 指定拖拽触发手柄
   确保在OJ Table的rowReorder配置中明确设置拖拽触发的选择器，限制仅通过行内特定元素（如拖拽图标）触发单行拖拽，避免整行触发导致的表格整体拖拽。示例代码：

   $('#yourTableId').ojTable({
     rowReorder: {
       handleSelector: '.oj-table-reorder-handle' // 绑定到行内拖拽手柄元素
     }
   });
   

2. 排查外层拖拽冲突
   检查表格所在的父容器或页面全局是否存在其他拖拽事件（如HTML5原生draggable属性、第三方拖拽库事件），这些事件可能会劫持OJ Table的行拖拽逻辑，导致整个表格被拖动。需要移除或隔离冲突的拖拽事件。

3. 验证组件版本兼容性
   确认使用的Oracle JET Table组件为最新稳定版本，旧版本可能存在行重排序的逻辑bug。同时核对依赖库（如jQuery、Oracle JET核心包）的版本是否与组件要求匹配。

4. 检查CSS样式干扰
   排查自定义CSS是否修改了OJ Table的默认样式：

   • 避免设置表格容器的pointer-events: none，这会阻断拖拽事件触发
   • 确保拖拽手柄元素未被其他元素遮挡，保证鼠标能正确触发单行拖拽事件

内容的提问来源于stack exchange，提问作者SK01