#9163 - Note : les tables en responsive design. - Le Hollandais Volant
Suite à ma note pour les tableaux à une dimension en responsive, voici une autre pour les tableaux en 2D : http://lehollandaisvolant.net/tout/examples/responsive-table-2d.html
C’est assez simple (mais pas très propre), vu que ça consiste seulement à masquer certaines colonnes au fur et à mesure que l’écran rétrécit.
On peut aussi ajouter du contenu "de réserve" : masqué sur un grand écran et affiché seul sur un petit écran. Par exemple « Microsoft | Mac OSX | Linux » devient « MS | OSX | Lnx » sur un petit écran (mais c’est plus compliqué et plus lourd).
Dans tous les cas, les tableaux ne sont pas pratiquement à redimensionner. Peut-être est-il possible de transformer les liens en colonnes et les colonnes en lignes en CSS aussi…
C’est assez simple (mais pas très propre), vu que ça consiste seulement à masquer certaines colonnes au fur et à mesure que l’écran rétrécit.
On peut aussi ajouter du contenu "de réserve" : masqué sur un grand écran et affiché seul sur un petit écran. Par exemple « Microsoft | Mac OSX | Linux » devient « MS | OSX | Lnx » sur un petit écran (mais c’est plus compliqué et plus lourd).
Dans tous les cas, les tableaux ne sont pas pratiquement à redimensionner. Peut-être est-il possible de transformer les liens en colonnes et les colonnes en lignes en CSS aussi…