bootstrap合并上下行的列

### 如何在 Bootstrap 中合并表格的上下行列

#### 使用 `rowspan` 合并单元格
为了实现在Bootstrap中的表格内合并上下行，可以利用HTML标签属性`rowspan`来指定一个单元格跨越多行。这不仅适用于普通的HTML表格，在Bootstrap样式化的表格中同样适用。

<table class="table">
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td rowspan="2">跨两行的内容</td>
      <td>第一行第二列内容</td>
    </tr>
    <tr>
      <!-- 这里不写<td></td>,因为上面已经定义了rowspan -->
      <td>第二行第二列内容</td>
    </tr>
  </tbody>
</table>

对于动态生成的数据表格，比如通过JavaScript操作DOM或者使用像Bootstrap Table这样的插件时，则可以通过API方法完成相同的效果[^3]。

当涉及到更复杂的场景，例如基于某些条件判断是否要合并特定行的时候，就需要借助于前端编程语言（如JavaScript）来进行逻辑处理，并调用相应的方法更新视图[^4]。