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:
<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>
tbody {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
