Tag tbody

Tag tbody menentukan bahagian utama jadual. Digunakan untuk mengumpulkan baris dengan cara yang membolehkan gaya CSS diterapkan sekali gus kepada sekumpulan baris. Satu jadual boleh mengandungi sebarang bilangan tag tbody.

Tag tbody sering digunakan bersama dengan thead dan tfoot untuk menentukan bahagian atas, bahagian utama, dan bahagian bawah jadual HTML. Secara lalai, pelayar akan meletakkan kandungan tfoot di bahagian bawah jadual, dan thead - di bahagian atas.

Contoh

Mari tambahkan warna merah teks kepada kumpulan baris yang dikumpulkan oleh tag tbody menggunakan sifat 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;
}

Результат:

Lihat juga