Die tbody-tag

Die tbody-tag spesifiseer die hoofgedeelte van die tabel. Word gebruik om rye te groepeer sodat CSS-styles dadelik op 'n sekere groep toegepas kan word. In een tabel kan daar enige aantal tbody-tags wees.

Die tbody-tag word dikwels saam gebruik met die thead en tfoot tags om die boonste gedeelte, hoofgedeelte en onderste gedeelte van 'n HTML-tabel te spesifiseer. By verstek sal die blaaier die inhoud van tfoot aan die onderkant van die tabel plaas, en thead - aan die bokant.

Voorbeeld

Kom ons voeg 'n rooi tekskleur by vir 'n groep rye, gegroepeer deur die tbody-tag, deur die color eienskap te gebruik:

html<table>
  <thead>
    <tr>
      <th>Naam</th>
      <th>Van</th>
      <th>Salaris</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>naam1</td>
      <td>van1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>naam2</td>
      <td>van2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>telling: 2</td>
      <td>-</td>
      <td>totaal: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Sien ook