Il nous arrive tout le temps de vouloir transformer un tableau en plusieurs divs surtout pour ceux qui font dans le responsive design.
J'ai créé un plugin Jquery pour le faire. TableToDivReplace
TableToDivReplace est un plugin basé sur jQuery qui transforme une table en une suite de blocs pouvant ainsi faciliter l'adaptation sur différent média.
L'utilisation est assez simple.
Après avoir crée votre table et une fois la dom chargé,
il suffit d'appeler TableToDivReplace sur les tables dont vous voulez transformer.
<script>
$("table#table").TableToDivReplace();
</script>
Cet exemple transforme uniquement la table ayant pour id "table" en plusieurs div
or
<script>
$("table").TableToDivReplace();
</script>
Transforme toutes les tables de la dom en divs.
Vous pouvez le télécharger ici.
Bonne utilisation!!!!
Aucun commentaire:
Enregistrer un commentaire