TablesLesson 162Preview gratis
Responsive Tables
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas strategi menampilkan tabel lebar pada layar kecil. Cara paling sederhana adalah memberi pembungkus yang dapat digulir horizontal. Untuk pengalaman yang lebih nyaman, tabel dapat diubah menjadi daftar kartu dengan label kolom pada media query tertentu.
Poin kunci
- Bungkus tabel dengan overflow-x: auto agar dapat digulir horizontal
- Beri tabel min-width agar kolom tidak terlalu sempit sebelum scroll aktif
- Gunakan media query untuk mengubah tabel menjadi susunan kartu dengan label dari data-label
- Sertakan meta viewport agar lebar halaman mengikuti ukuran perangkat
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.