Tbody silt

Silt tbody määrab tabeli põhiosa. Seda kasutatakse ridade grupeerimiseks nii, et CSS stiile saaks koheselt rakendada teatud grupile. Ühes tabelis võib olla suvaline arv tbody silte.

Silti tbody kasutatakse sageli koos thead ja tfoot HTML tabeli pealosa, põhiosa ja alumise osa määramiseks. Vaikimisi paigutab brauser tfoot sisu tabeli alumisse ossa ja thead - ülemisse.

Näide

Lisame tbody sildiga grupeeritud ridade grupile punase teksti värvi kasutades omadust color:

html<table>
  <thead>
    <tr>
      <th>Nimi</th>
      <th>Perekonnanimi</th>
      <th>Palk</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>nimi1</td>
      <td>perekonnanimi1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>nimi2</td>
      <td>perekonnanimi2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>kogus: 2</td>
      <td>-</td>
      <td>kokku: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Vaata ka