列組

有時你可能希望將樣式應用於列或列組。或者出於語義目的，你可能希望將列組合在一起。為此，請使用 <colgroup> 和 <col> 元素。

可選的 <colgroup> 標籤允許你將列組合在一起。<colgroup> 元素必須是 <table> 的子元素，並且必須在任何 <caption> 元素之後和任何表格內容之前（例如，<tr>，<thead>，<tbody> 等）。

<table>
    <colgroup span="2"></colgroup>
    <colgroup span="2"></colgroup>
    ...
</table>

可選的 <col> 標記允許你引用單個列或一系列列，而無需應用邏輯分組。<col> 元素是可選的，但如果存在，它們必須位於 <colgroup> 元素內。

<table>
    <colgroup>
        <col id="MySpecialColumn" />
        <col />
    </colgroup>
    <colgroup>
        <col class="CoolColumn" />
        <col class="NeatColumn" span="2" />
    </colgroup>
    ...
</table>

以下 CSS 樣式可以應用於 <colgroup> 和 <col> 元素：

• border

• background

• width

• visibility

• display（如在 display: none 中）

  • display: none; 實際上將從顯示中刪除列，導致表呈現為好像這些單元格不存在

有關更多資訊，請參閱 HTML5 表格資料 。