Columnas como grupo en HTML

colgroup es el único lugar donde tratas una columna entera de la tabla de una vez.

<table>
  <colgroup>
    <col class="label">
    <col span="2" class="numbers">
  </colgroup>
  <thead>
    <tr>
      <th scope="col">Region</th>
      <th scope="col">Q1</th>
      <th scope="col">Q2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">North</th>
      <td>1,200</td>
      <td>1,430</td>
    </tr>
  </tbody>
</table>

Cómo funciona

1. <colgroup> va antes de cualquier fila, después del caption opcional.
2. span en un <col> cubre varias columnas con un solo elemento.
3. Pocas propiedades aplican a una columna: fondo, borde, ancho.

El intento, en números

Líneas

20

Caracteres a escribir

279

Tokens

117

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 100 segundos.

Escribe este fragmento

Paso 4 de 4 en Tablas; paso 26 de 28 en Estructura del documento.

← Anterior Siguiente →