Apprenez à créer une table réactive.
Tables sensibles
Une table réactive affiche une barre de défilement horizontale si l'écran est trop petit pour afficher le contenu complet. Redimensionnez la fenêtre du navigateur pour voir l'effet:
| Prénom | Nom de famille | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points | Points |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Jill | Forgeron | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
| Veille | 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 |
Pour créer une table réactive, ajoutez un élément de récipient avec overflow-x:auto - <table> overflow-x:auto autour de la <table> :
Allez à notre tableaux CSS Tutorial pour en savoir plus sur les tables.