Note : les tables en responsive design.

#8380

Les tableaux sont assez chiants à présenter sur un petit écran : les cellules étant en fait souvent bien trop petits pour en mettre 4 ou 5 côte à côte.

Voici une astuce CSS pour linéariser un tableau à une seule entrée :
– table, tbody { display: block; }
– tr { display: table; }
– td { display: table-row; }

Exemple ici : http://lehollandaisvolant.net/tout/examples/responsive-table.html
Capture : http://lehollandaisvolant.net/img/responsive-tables.png
(redimensionnez la fenêtre sous les 500 pixels)

http://lehollandaisvolant.net/?mode=links&id=20140107205810