Tutoriel CSS/JavaScript : Tableaux responsive

4 septembre 2018

https://www.grafikart.fr/tutoriels/table-responsive-1015

Les tableaux ont souvent une structure adaptée aux écrans assez large et il n’est pas forcément facile de les faire rentrer sur des écrans de petite taille. La solution qui est souvent choisie est d’entourer les tableaux avec un élément `overflow-x: auto`, ce qui permet d’afficher une scrollbar pour naviguer horizontalement au sein du tableau. Le problème de cette solution est qu’elle ne permet pas de voir simplement toutes les données du tableau, aussi dans je vous propose de découvrir une petite astuce pour rendre vos tableaux “*responsive*”.

Grafikart
Grafikart.fr

0 réponses

Laisser un commentaire

Rejoindre la discussion?
N’hésitez pas à contribuer !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *