用js实现竖向合并表格

要实现竖向合并表格，我们需要用到 HTML 表格中的 rowspan 属性。该属性指定单元格占据的行数。

具体实现步骤如下：

1. 在 HTML 中定义一个表格，并在其中定义需要合并的单元格的 rowspan 属性值。
2. 使用 JavaScript 获取需要合并的单元格，并设置其 rowspan 属性值。
3. 删除被合并的单元格。

下面是一个示例代码：

HTML 代码：

<table id="myTable">
  <tr>
    <td>1</td>
    <td rowspan="2">2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
    <td>6</td>
    <td>7</td>
    <td rowspan="3">8</td>
  </tr>
  <tr>
    <td>9</td>
    <td>10</td>
  </tr>
  <tr>
    <td>11</td>
    <td>12</td>
  </tr>
</table>

JavaScript 代码：

var table = document.getElementById("myTable");

for (var i = 0; i < table.rows.length; i++) {
  var row = table.rows[i];
  for (var j = 0; j < row.cells.length; j++) {
    var cell = row.cells[j];
    if (cell.rowSpan > 1) {
      var rowspan = cell.rowSpan;
      for (var k = 1; k < rowspan; k++) {
        var nextRow = table.rows[i + k];
        nextRow.deleteCell(j);
      }
    }
  }
}

在上面的示例中，我们首先获取表格和其中的每个单元格。然后，对于每个具有 rowspan 属性的单元格，我们删除它下面的行中相同位置的单元格。

这样，我们就可以实现竖向合并表格了。