HTML DOM TableHeader colSpan 属性

colSpan 属性用于指定表头单元格（<th>）要横跨的列数。它指定了表头单元格要占据的单元格数目，即跨越的列数目。如果跨度不是 1，那么需要下一个单元格将位于所跨列的下一列。

语法

<th colspan="number">

其中 number 是需要合并的列数目。

示例

以下示例展示了如何在 HTML 中使用 colSpan 属性创建一个跨度为 2 列的表头单元格。

<table>
  <tr>
    <th colspan="2">销售报告</th>
  </tr>
  <tr>
    <th>日期</th>
    <th>销售额</th>
  </tr>
  <tr>
    <td>1/1/2021</td>
    <td>$1000</td>
  </tr>
  <!-- ... -->
</table>

JavaScript 中使用 colSpan 属性

通过 JavaScript，你可以使用 colSpan 属性来动态修改表头单元格的列跨度。

以下示例展示了如何使用 JavaScript 将表头单元格的列跨度设置为 3：

document.getElementById("myTableHeader").colSpan = 3;

结论

colSpan 属性用于在表格中创建合并表头单元格。它指定要跨越的列数目。JavaScript 中可以使用该属性来动态修改表头单元格的列跨度。