js table合并单元格

// HTML部分
<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
      <td>女</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>25</td>
      <td>男</td>
    </tr>
  </tbody>
</table>

// JavaScript部分
function mergeCells(tableId, rowIdx, colIdx, rowspan, colspan) {
  const table = document.getElementById(tableId);
  if (!table) return;

  const cell = table.rows[rowIdx].cells[colIdx];
  if (cell) {
    cell.rowSpan = rowspan;
    cell.colSpan = colspan;

    // 移除多余的单元格
    for (let i = 1; i < rowspan; i++) {
      if (table.rows[rowIdx + i]) {
        table.rows[rowIdx + i].deleteCell(colIdx);
      }
    }

    for (let i = 0; i < rowspan; i++) {
      for (let j = 1; j < colspan; j++) {
        if (table.rows[rowIdx + i]) {
          table.rows[rowIdx + i].deleteCell(colIdx + j);
        }
      }
    }
  }
}

// 示例：合并第2行和第3行的"年龄"列
mergeCells('myTable', 1, 1, 2, 1);

// 解释说明：
// 1. `mergeCells` 函数用于合并指定表格中的单元格。
// 2. 参数 `tableId` 是表格的ID，`rowIdx` 和 `colIdx` 分别是起始行和列的索引（从0开始）。
// 3. `rowspan` 和 `colspan` 分别指定了要合并的行数和列数。
// 4. 函数会修改指定单元格的 `rowSpan` 和 `colSpan` 属性，并删除多余的单元格。