Tag tbody

Tag tbody definuje hlavní část tabulky. Používá se pro skupinování řádků tak, aby bylo možné okamžitě aplikovat CSS styly na určitou skupinu. V jedné tabulce může být libovolný počet tagů tbody.

Tag tbody se často používá společně s thead a tfoot pro definování horní části, hlavní části a dolní části HTML tabulky. Ve výchozím nastavení prohlížeč umístí obsah tfoot do dolní části tabulky a thead - do horní.

Příklad

Přidejme skupině řádků, seskupených tagem tbody, červenou barvu textu pomocí vlastnosti color:

html<table>
  <thead>
    <tr>
      <th>Jméno</th>
      <th>Příjmení</th>
      <th>Plat</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>jméno1</td>
      <td>příjmení1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>jméno2</td>
      <td>příjmení2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>počet: 2</td>
      <td>-</td>
      <td>celkem: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Viz také