HTML DOM TableHeader rowSpan 属性

简介

rowSpan 属性用于指定表头单元格跨越的行数。表头单元格（<th>）用于定义表格中的标题行。

语法

<th rowspan="number">

其中，number 指定表头单元格跨越的行数，必须为正整数。

示例

<table>
  <thead>
    <tr>
      <th rowspan="2">名称</th>
      <th colspan="3">属性</th>
    </tr>
    <tr>
      <th>类型</th>
      <th>默认值</th>
      <th>描述</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>name</td>
      <td>String</td>
      <td>''</td>
      <td>名称</td>
    </tr>
    <tr>
      <td>value</td>
      <td>Number</td>
      <td>0</td>
      <td>值</td>
    </tr>
  </tbody>
</table>

在上面的示例中，名称 单元格使用了 rowspan="2"，表示跨越两行，合并了下面的两个单元格。因此，表头中的第一列是一个合并的单元格，包含了 名称 和 性别 两行的内容。

注意事项

• rowSpan 属性仅适用于表头单元格（<th>）。
• 如果一个表头单元格同时设置了 rowSpan 和 colSpan 属性，那么它会跨越指定的行数和列数。
• 跨越的行数不能超过表格中的行数。如果设置了一个超过行数的值，浏览器会忽略该属性。
• 表格单元格的宽度和高度由单元格内容决定，不同单元格的宽度和高度可能不同，但是跨越的行数是相同的，浏览器会自动调整单元格的位置和大小。