HTML DOM Colgroup 对象

在 HTML 表格中，<colgroup> 元素用于定义列的属性，可以一次性定义多个列的样式和属性。

属性

• span：指定列组中列的数量
• width：指定列的宽度
• align：指定列的水平对齐方式
• valign：指定列的垂直对齐方式
• bgcolor：指定列的背景颜色

示例代码

// www.javascriptcn.com code example
<table>
  <colgroup span="2" style="background-color: lightblue;"></colgroup>
  <colgroup span="1" style="background-color: lightgreen;"></colgroup>
  <tr>
    <td>Row 1, Col 1</td>
    <td>Row 1, Col 2</td>
    <td>Row 1, Col 3</td>
  </tr>
  <tr>
    <td>Row 2, Col 1</td>
    <td>Row 2, Col 2</td>
    <td>Row 2, Col 3</td>
  </tr>
</table>

在上面的示例代码中，<colgroup> 元素定义了三列，前两列的背景颜色为 lightblue，第三列的背景颜色为 lightgreen。在表格中，每一行的列数必须与 <colgroup> 中定义的列数相匹配。

注意事项

• <colgroup> 元素必须位于 <table> 元素内部。
• <colgroup> 元素中的属性会应用到所定义的列中，可以通过 CSS 进行进一步的样式调整。
• 使用 <colgroup> 可以减少重复的样式定义，提高表格的可维护性。