如何找到表格单元格对应方向上的合并单元格坐标？（单元格.坐标.合并.表格.向上.....）

wufei123 2025-01-26 阅读:32 评论:0

table 单元格如何找到对应方向上的合并单元格坐标面对 table 单元格中存在合并的场景，我们需要找到对应的合并单元格坐标以进行合并操作。常见的合并方向包括向上、下、左、右。以向上合并为例，原思路是找到上一个单元格并增加其 rows...

如何找到表格单元格对应方向上的合并单元格坐标？

table 单元格如何找到对应方向上的合并单元格坐标

面对 table 单元格中存在合并的场景，我们需要找到对应的合并单元格坐标以进行合并操作。常见的合并方向包括向上、下、左、右。以向上合并为例，原思路是找到上一个单元格并增加其 rowspan 属性，同时删除当前单元格。

那么如何找到上一个单元格呢？

思路一：调整坐标规则

原始坐标规则使用合并的单元格作为基准，如 [2,0] 表示合并了两个单元格后的一个单元格。建议修改坐标规则，以 1x1 单元格为基准，将 [2,0] 调整为 [2,1]。

根据修改后的坐标规则，向上查找只需要递减行坐标即可。

代码示例：

PHP

findNearCell(tableData, 2, 1, 'top'); // 返回 {row:0, col:1}

// 查找向下合并的单元格
function findNearCell(tableData, row, col, direction) {
  let tempRow = row;
  let tempCol = col;

  switch (direction) {
    case 'top':
      while (tableData[tempRow] && tempRow >= 0 && tableData[tempRow][tempCol] && tableData[tempRow][tempCol].rowspan > 1) {
        tempRow--;
      }
      if (tableData[tempRow] && tableData[tempRow][tempCol]) {
        return { row: tempRow, col: tempCol };
      }
      break;
  }

  return null;
}