.design .design

Table responsive design avec Stacktable.js

L'intégration d'une table responsive dans un site Web n'est pas toujours évidente. Les contraintes d'affichage sur les écrans mobiles sont fortes et les solutions miracles garantissant l'accessibilité des informations contenues dans les cellules ne sont pas légions.

.design
.design

Partant de ce constat, @johnpolacek nous propose un plugin jQuery permettant d’adapter une table à toutes les résolutions du Web.

En quelques lignes de JavaScript, ce plugin créé une copie de la table et la converti en 2 colonnes : une pour les entêtes de la table et une autre pour les valeurs des cellules. De cette façon, Stacktable.js nous offre une table responsive design avec une lisibilité optimale sur les supports mobiles.

Si ce plugin jQuery titille agréablement votre curiosité, RDV sur le site de l’auteur pour une démo de la table responsive.

Suivez le Magazine du Webdesign sur TwitterFacebook et Google+.

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer