Тег tbody

Тег tbody дефинише главни део табеле. Користи се за груписање редова на такав начин да се може одмах на одређену групу применити CSS стилове. У једној табели може бити било који број тегова tbody.

Тег tbody се често користи заједно са thead и tfoot за дефинисање горњег дела, главног дела и доњег дела HTML табеле. Подразумевано прегледач ће ставити садржај tfoot у доњи део табеле, а thead – у горњи.

Пример

Хајде да групи редова, груписаних тегом tbody, додамо црвену боју текста помоћу својства color:

html<table>
  <thead>
    <tr>
      <th>Име</th>
      <th>Презиме</th>
      <th>Плата</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>име1</td>
      <td>презиме1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>име2</td>
      <td>презиме2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>број: 2</td>
      <td>-</td>
      <td>укупно: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Види још