adHoc - Un tableau responsive

Question

J'essaye de présenter une grille de tarifs dans un tableau à double entrée. Mais ce n'est pas facile à styler, surtout pour les petits écrans. (le navigateur Android n'affiche pas les bordures des td + quelques autres anomalies).

Et je crois que dans ce cas, une table est appropriée, mais faudrait-il une autre solution ?


Réponse

http://webdesign.tutsplus.com/tutorials/build-a-responsive-pricing-table-with-neat-hover-states--webdesign-12037

ou ici

[url]https://css-tricks.com/responsive-data-tables/[/url]

ou encore ici

http://exisweb.net/responsive-table-plugins-and-patterns

Sinon tu peux préparer un pdf à télécharger par un bouton visible uniquement pour les mobiles.


Réponse:

C'est compliqué ! C'est la première fois que j'ai à traiter ce problème.  Partout, ils disent que pour les tables, il faut deux affichages différents (enfin au moins deux).

J'ai fait un essai avec deux tableaux, au contenu un peu différent. Le #large est le grand tableau à 2 entrées, 7 colonnes et 7 lignes. Le #smart est un tableau résumé en 2 colonnes de 15 lignes.
#large s'affiche seulement en grand écran et #smart seulement en petit écran.
Le style est à travailler, c'est le principe.



Index |Info | Permalien | PDF

Technique

Installer

Sécuriser

Référencer

Fabriquer le web

adHoc

Astuces CSS

Mail, Webmail, courrier etc ...

Piwigo

Écolibre