Un tableau responsive

Salut,
Je cherche une solution pour un tableau responsive, le client exige que le résultat soit comme suit :


Apres plusieurs essais et une bonne recherche je n’ai pas trouvé que 3 techniques mais malheureusement aucune d’elles n’est une solution.


-http://elvery.net/demo/responsive-tables/
-http://css-tricks.com/examples/ResponsiveTables/responsive.php
-http://www.zurb.com/playground/playground/responsive-tables/index.html

Avez-vous des idées ?
Merci d'avance

Le mieux (reste à convaincre ton client) est de mettre le tableau dans un containeur avec un overflow-x. Ainsi il suffit de faire défiler le tableau horizontalement.

Avantage: pas de bidouillage infâme qui nuit à la lisibilité et le tableau reste accessible.
Modifié par Patidou (03 Sep 2012 - 14:08)

Salut,

J'ai fait un petit test en m'amusant avec les différentes valeurs de "display".
Après, reste la question de la compatibilité côté navigateurs ! ^_^

Sinon, avec un balisage strictement "table" et sans JS, ça ne me paraît pas jouable...

tm

Si tu changes le display, il n'est plus reconnu comme un tableau et est donc difficilement accessible.

Merci tm™, merci Patidou,
Donc il faut convaincre le client d’une autre solution, mais parmi les 3 mentionnées , vous me conseillez laquelle ?

Salut,

Je n'aime pas celle de CSS Tricks car ce n'est plus vraiment un tableau, ça dénature le type de document.

La solution que je trouve vraiment ingénieuse est celle du Flip Scroll.

:)

Merci Stephanelam