Žyma tbody

Žyma tbody nurodo pagrindinę lentelės dalį. Naudojama eilučių grupuoti taip, kad iškart tam tikrai grupei būtų galima pritaikyti CSS stilius. Vienoje lentelėje gali būti bet koks žymų tbody skaičius.

Žyma tbody dažnai naudojama kartu su thead ir tfoot viršutinei daliai, pagrindinei daliai ir apatinei HTML lentelės daliai nurodyti. Pagal nutylėjimą naršyklė tfoot turinį patalpins į apatinę lentelės dalį, o thead - į viršutinę.

Pavyzdys

Eilučių grupei, sujungtai žyma tbody, pridėkime raudoną teksto spalvą naudodami savybę color:

html<table>
  <thead>
    <tr>
      <th>Vardas</th>
      <th>Pavardė</th>
      <th>Atlyginimas</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>vardas1</td>
      <td>pavardė1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>vardas2</td>
      <td>pavardė2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>kiekis: 2</td>
      <td>-</td>
      <td>viso: 1200$</td>
    </tr>
  </tfoot>
</table>
csstbody {
  color: red;
}

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

Результат:

Taip pat žiūrėkite

  • žymos thead, tfoot,
    kurios grupuoja lentelės eilutes
  • žyma caption,
    kuri nurodo visos lentelės antraštę
  • atributai rowspan ir colspan,
    kurie sujungia lentelės eilutes ir stulpelius