Tabel responsif akan menampilkan scroll horizontal jika layarnya menjadi kecil, ini bertujuan untuk menampilkan konten secara lengkap. Ubah ukuran jendela browser untuk melihat efeknya pada contoh ini.
Untuk membuat tabel responsif, tambahkan elemen penampung (seperti div) dengan overflow-x:auto di sekeliling elemen tabel:
| Nama Depan | Nama Belakang | Poin | Poin | Poin | Poin | Poin | Poin | Poin | Poin | Poin | Poin |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Jil | Smith | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
| Hawa | Jackson | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
| Adam | Johnson | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |