De tbody-tag

De tag tbody definieert het hoofdgedeelte van een tabel. Wordt gebruikt voor het groeperen van rijen op zo'n manier dat CSS-stijlen direct op een bepaalde groep kunnen worden toegepast. Een tabel kan elk aantal tbody tags bevatten.

De tag tbody wordt vaak samen gebruikt met thead en tfoot om de bovenkant, het hoofdgedeelte en de onderkant van een HTML-tabel te definiëren. Standaard plaatst de browser de inhoud van tfoot onderaan de tabel, en thead - bovenaan.

Voorbeeld

Laten we de groep rijen, gegroepeerd door de tag tbody, een rode tekstkleur geven met behulp van de eigenschap color:

html<table>
  <thead>
    <tr>
      <th>Naam</th>
      <th>Achternaam</th>
      <th>Salaris</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>naam1</td>
      <td>achternaam1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>naam2</td>
      <td>achternaam2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>aantal: 2</td>
      <td>-</td>
      <td>totaal: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

table, td, th {
  border: 1px solid black;
}

Результат:

Zie ook