Sous tableau avec dataTable

Lorsque l’on à un dataTable sur une vue et que l’on veux cliquer sur une ligne du tableau pour déplier cette ligne et y voir de nouvelles informations, cela peut devenir compliqué et l’on peux vite faire du code pas très propre.

DataTables propose une api, rowChild pour pouvoir créer des sous tableaux dans un table de manière moins sale.

La fonction format permet de passer l’objet ( une ligne du tableau ) et ainsi de recréer un tableau en allant rechercher les informations que l’on veux afficher dans un tableau javascript.

Dans le document.ready il faut ajouter une classe pour cibler une colonne, ici « control » qui va permettre de gérer l’affichage au clic

Il faut aussi bien penser à ajouter bootstrap.js et jquery pour que cela fonctionne.

source : DatatTable

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.