Teghi tbody

Teghi tbody inabainisha sehemu kuu ya jedwali. Inatumika kwa kikundi safu kwa njia ambayo mara moja kwa kikundi fulani inaweza kutumiwa mitindo ya CSS. Katika jedwali moja kunaweza kuwa na idadi yoyote ya vitagi tbody.

Teghi tbody mara nyingi hutumiwa pamoja na thead na tfoot kwa kubainisha sehemu ya juu, sehemu kuu na sehemu ya chini ya jedwali la HTML. Kwa chaguo-msingi kivinjari kitaweka yaliyomo tfoot katika sehemu ya chini ya jedwali, na thead - katika sehemu ya juu.

Mfano

Wacha tukikundi safu, zilizounganishwa na teghi tbody, tuongeze rangi nyekundu ya maandishi kwa kutumia sifa color:

html<table>
  <thead>
    <tr>
      <th>Jina</th>
      <th>Ukoo</th>
      <th>Mshahara</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>jina1</td>
      <td>ukoo1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>jina2</td>
      <td>ukoo2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>idadi: 2</td>
      <td>-</td>
      <td>jumla: 1200$</td>
    </tr>
  </tfoot>
</table>
csstbody {
  color: red;
}

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

Результат:

Angalia pia

  • vitagi thead, tfoot,
    vinavyokikundi safu za jedwali
  • teghi caption,
    inayobainisha kichwa cha jedwali zima
  • viambajengo rowspan na colspan,
    vinavyounganisha safu na safu wima za jedwali