Discussion :

[selinav]

Bonjour

Je suis en train de rendre mon prochain site de e-commerce responsive.
Sur ma page panier. J'ai un tableau avec les colonnes suivantes : Description Prix Quantité Supprimer Total

L'affichage fonctionne bien sur de nombreuses résolutions mais sur une résolution de 326x480 mon tableau dépasse de la page car il y a trop d'informations.
J'ai essayer d'ajuster la taille avec un width=100% ou de mettre un overflow=scroll sur le <table> mais ça ne fonctionne pas.

L'utilisateur a le tableau masqué mais ne peut pas scroller pour voir le total, c'est gênant.

Des idées ?

D'avance merci

[AlashaH]

Plop,

Si j'ai bien compris, lorsque tu arrives à une certaine résolution, ton "Table" dépasse la largeur de l'écran. Tu souhaiterais alors qu'il soit possible de scroller horizontalement.

Je te suggère de mettre une simple div autour de ton table et de lui mettre un overflow:auto.

Exemple sur FiddleJS : https://fiddle.jshell.net/v7wh8e4a/1/

Alasha

[selinav]

Super merci beaucoup, ça fonctionne.

Des fois, on a la tête dans le guidon, je le mettais sur le table au lieu de la div supérieure !