Pelajari cara membuat tabel responsif.
Tabel responsif
Sebuah meja responsif akan menampilkan scroll bar horisontal jika layar terlalu kecil untuk menampilkan konten penuh. Mengubah ukuran jendela browser untuk melihat efek:
| Nama depan | Nama keluarga | poin | poin | poin | poin | poin | poin | poin | poin | poin | poin | poin | poin |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Jill | pandai besi | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
| Malam | Jackson | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
| Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
Untuk membuat tabel responsif, tambahkan elemen wadah dengan overflow-x:auto sekitar <table> :
Pergi ke kami Tabel Tutorial CSS untuk mempelajari lebih lanjut tentang tabel.