Le Hollandais Volant#8380 - Note : les tables en responsive design.
http://lehollandaisvolant.net/?mode=links&id=20140107205810
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)
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)