mardi 17 février 2015

Javascript : FooTable.JS, afficher des tableaux adaptatifs / Responsive design


FooTable.JS
Pour faciliter le développement et s'assurer d'une expérience usagée uniforme indépendamment du point d'entrée, plusieurs outils voient le jour.  Un de ces outils est une extension pour la librairie Javascript jQuery qui permet aux tableaux HTML de se conformer au type d'affichage automatiquement.  La conception de sites adaptatifs (responsive design) permet de développer un site unique qui comme son nom l’indique s’adapte à la plateforme utilisée pour le consulter.

L'information reste accessible à l'usager mais est présentée différemment.

FooTable.JS applique ces notions aux tableaux.  En fait, il cache les colonnes qui ne peuvent être affichées selon la résolution et les disposes dans une nouvelle sous section, sous la ligne tronquée. Cette section est extensible avec un simple clique et affiche les données qui ont été supprimé de la présentation conventionnelle.

Voyer la démonstration.

Il est possible d'intégrer ce concept à même l'objet GridView de ASP.NET comme nous le démontre cet article.