Jadual anda mempunyai kedua-dua badan boleh tatal dan pengepala tetap, tetapi anda tidak pasti cara untuk mencapai kesan ini . Untuk menyelesaikannya, kami memisahkan elemen pengepala dan badan dalam HTML menggunakan dan
.<table> <thead> <tr> <th>head1</th> <th>head2</th> <th>head3</th> <th>head4</th> </tr> </thead> <tbody> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 1, cell 2</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> <td>row 1, cell 2</td> <td>row 1, cell 2</td> </tr> </tbody> </table>
Seterusnya, kami menetapkan paparan: blok untuk Kami mentakrifkan sifat limpahan dan ketinggian untuk badan: Memandangkan pengepala dan badan adalah dipisahkan secara visual tetapi dipautkan secara teknikal, kami menetapkan lebar statik untuk Ingat untuk memasukkan pemformatan HTML yang betul, seperti Atas ialah kandungan terperinci Bagaimanakah cara saya mencipta jadual boleh tatal dengan pengepala tetap menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!table tbody, table thead {
display: block;
}
table tbody {
overflow: auto;
height: 100px;
}
dan elemen untuk memastikan penjajaran lajur yang betul.
th {
width: 72px;
}
td {
width: 72px;
}
untuk setiap baris, termasuk baris pengepala.
<tr>
<th>head1</th>
<th>head2</th>
<th>head3</th>
<th>head4</th>
</tr>
Bagaimana untuk membuat indeks dalam perkataan
kekunci pintasan baldi cat ps
Apakah yang perlu saya lakukan jika saya terlupa kata laluan jalur lebar saya?
Peranan Serverlet dalam Java
Apakah perbezaan antara rangka kerja css dan perpustakaan komponen
kemas kini automatik windows
Apakah jenis fail yang boleh dikenal pasti berdasarkan
Bagaimana untuk membuka fail psd