TablesLesson 159Preview gratis
Full-width Table
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas cara membuat tabel memenuhi seluruh lebar kontainer. Dengan width: 100%, tabel akan menyesuaikan diri terhadap ruang yang tersedia, tetapi kolom dapat menjadi terlalu sempit jika isinya panjang. Karena itu, pengaturan table-layout dan penanganan overflow perlu dipertimbangkan.
Poin kunci
- width: 100% membuat tabel mengisi lebar kontainer induk
- table-layout: fixed membagi lebar kolom secara lebih prediktabel
- Gunakan overflow-x: auto pada pembungkus agar tabel lebar tetap dapat diakses di layar kecil
- border-collapse: collapse merapikan border ganda dan membantu tampilan tabel penuh
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.