Tag-ul tbody

Tag-ul tbody definește partea principală a tabelului. Este folosit pentru a grupa rânduri în așa fel încât să se poată aplica imediat stiluri CSS unui anumit grup. Un tabel poate conține orice număr de tag-uri tbody.

Tag-ul tbody este adesea folosit împreună cu thead și tfoot pentru a defini partea de sus, partea principală și partea de jos a unui tabel HTML. În mod implicit, browser-ul va plasa conținutul tfoot în partea de jos a tabelului, iar thead - în partea de sus.

Exemplu

Să adăugăm un grup de rânduri, grupate prin tag-ul tbody, culoarea roșie a textului cu ajutorul proprietății color:

html<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Surn</th>
      <th>Salary</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>name1</td>
      <td>surn1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>name2</td>
      <td>surn2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>count: 2</td>
      <td>-</td>
      <td>total: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Vedeți și