如何在Tabulator的rowMoved事件中获取行移动的目标位置？

方法1：直接获取移动后的最终位置索引 #

行完成移动触发rowMoved时，调用被移动行的getPosition()方法就能拿到它在表格中的新位置（索引从0开始），这是最直接的方式：

table.on("rowMoved", function(row){
    const newIndex = row.getPosition();
    console.log("行移动后的位置索引：", newIndex);
    
    // 如需获取相邻行数据，可搭配getNeighbour方法
    const prevRow = row.getNeighbour("prev");
    const nextRow = row.getNeighbour("next");
    console.log("上一行数据：", prevRow ? prevRow.getData() : "无");
    console.log("下一行数据：", nextRow ? nextRow.getData() : "无");
});

方法2：结合rowMoving事件获取移动上下文 #

如果需要知道行是移动到某一行的before还是after，可以先通过rowMoving事件捕获移动过程中的目标信息，再在rowMoved中使用：

let moveContext = null;

// 监听rowMoving事件，记录移动目标和方向
table.on("rowMoving", function(row, moveToEl, position){
    // moveToEl是目标行的DOM元素，position为"before"或"after"
    moveContext = {
        targetRow: table.getRow(moveToEl),
        direction: position
    };
});

table.on("rowMoved", function(row){
    if(moveContext){
        console.log(`移动到行[${moveContext.targetRow.getData().id}]的${moveContext.direction}`);
        // 使用后清空，避免影响下一次移动
        moveContext = null;
    }
    
    // 同时可获取最终位置索引
    const finalIndex = row.getPosition();
    console.log("最终位置索引：", finalIndex);
});

补充说明 #

• 你之前尝试给rowMoved加第二个参数没用，是因为Tabulator官方明确该事件仅暴露row这一个参数，不存在隐藏参数。
• 用rowMouseUp逻辑混乱是因为该事件不专门对应行移动操作，会响应所有鼠标抬起场景，不适合用来处理行移动的位置判断。

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