Tag thead
Tag thead menentukan bagian atas tabel.
Digunakan untuk mengelompokkan baris dengan
cara sedemikian rupa sehingga gaya CSS dapat
langsung diterapkan ke suatu kelompok. Hanya boleh ada
satu tag thead dalam satu tabel.
Tag thead sering digunakan bersama
dengan tbody
dan tfoot
untuk menentukan bagian atas, bagian utama,
dan bagian bawah tabel HTML.
Contoh
Mari tambahkan warna teks merah ke kelompok baris
yang dikelompokkan oleh tag
thead menggunakan properti color:
<table>
<thead>
<tr>
<th>Nama</th>
<th>Marg</th>
<th>Gaji</th>
</tr>
</thead>
<tbody>
<tr>
<td>nama1</td>
<td>marg1</td>
<td>200$</td>
</tr>
<tr>
<td>nama2</td>
<td>marg2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>jumlah: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Contoh
Di sini thead tidak berada di atas, dan tfoot
tidak berada di bawah, namun browser akan menempatkan
mereka di posisi yang seharusnya:
<table>
<tfoot>
<tr>
<td>jumlah: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>nama1</td>
<td>marg1</td>
<td>200$</td>
</tr>
<tr>
<td>nama2</td>
<td>marg2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Nama</th>
<th>Marg</th>
<th>Gaji</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
