Pour réaliser une partie précise d'un projet web, j'avais besoin d'afficher des données sous forme de tableau HTML sans ruiner le Responsive Design du site. J'ai alors cherché les différentes solutions existantes. Certaines offraient quelques idées intéressantes mais aucune d’entre elles conciliaient tous les pré-requis dont j'avais besoin :
- respecter le "Responsive Design" du site,
- ne masquer aucune donnée sur les smartphones,
- le plus "light" possible du point de vue du code.
Ne trouvant rien qui corresponde précisément à ce dont j'avais besoin pour mon client, j'ai décidé de développer ce plugin à base de CSS. Pour des raison de poids et pour éviter tout conflit, j'ai décidé de ne pas recourir à l'usage de la bibliothèque jQuery.
Le plugin "modifie" les tableaux afin de les rendre compatibles avec les mobiles et tablettes pour qu'ils répondent à ces critères en terme d'affichage. Le plugin fonctionne en transformant la première ligne (sur écrans) en la première colonne (sur tablettes et smartphones) à la gauche du tableau, ce qui permet de faire défiler les autres colonnes dessous. Ainsi, cela respecte votre mise en page "Responsive" !
Le plugin n'a aucun paramètre à configurer, tout est entièrement automatisé après l'installation.
Afin de rendre vos tableaux "Responsive Design", il vous suffit alors de leur aplliquer la classe "responsive rt" comme ceci :
<table class="responsive rt">
Ce plugin est compatible avec les versions supérieures à Joomla! 2.5.x et distribué sous license GNU GPLv2.
Vous pouvez le télécharger gratuitement en suivant ce lien : http://www.web-eau.net/developpement/responsive-tables
