Element colgroup

Element HTML colgroup reprezentuje jedną lub więcej kolumn tabeli HTML, którym można dzięki temu nadać spójne formatowanie.

Aby odnieść się do poszczególnych kolumn tabeli z osobna, można zdefiniować elementy potomne col w elemencie colgroup lub można zdefiniować kilka pustych elementów colgroup, ewentualnie z atrybutem span.

Przykład użycia elementu HTML colgroup

W poniższej tabeli dwie pierwsze kolumny będą miały czerwone tło, a trzecia – niebieskie.

<table>
  <colgroup style="background-color: red" span="2"></colgroup>
  <colgroup style="background-color: blue"></colgroup>
  <tr>
    <th>Jabłka</th>
    <th>Gruszki</th>
    <th>Banany</th>
  </tr>
  <tr>
    <td>6 zł</td>
    <td>7 zł</td>
    <td>10 zł</td>
  </tr>
</table>

Taki sam efekt można uzyskać przy użyciu elementów col zagnieżdżonych w elemencie colgroup (który w takim przypadku nie może mieć atrybutu span).

<table>
  <colgroup>
    <col span="2" style="background-color: red">
    <col style="background-color: blue">
  </colgroup>
  <tr>
    <th>Jabłka</th>
    <th>Gruszki</th>
    <th>Banany</th>
  </tr>
  <tr>
    <td>6 zł</td>
    <td>7 zł</td>
    <td>10 zł</td>
  </tr>
</table>

Specyfikacja

Atrybuty obowiązkowe

Element HTML colgroup nie ma atrybutów obowiązkowych.

Atrybuty opcjonalne

Element colgroup obsługuje atrybuty globalne i atrybuty zdarzeniowe.

Ponadto element colgroup ma atrybut span określający liczbę obejmowanych przez niego kolumn. Jego wartość powinna mieścić się w przedziale od 1 do 1000.