Tri d'une table imbriquée dans une autre table (avec Tablesorter)

Question

J'ai une table existante qui utilise le plugin Tablesorter jQuery pour le tri, et cela fonctionne très bien.

J'ai récemment ajouté une fonctionnalité de sorte que lorsque vous cliquez pour agrandir l'une des lignes de cette table, il:

• ajoute une nouvelle ligne (avec jeu colspan pour étendre sur toutes les colonnes)
• nouvelles charges HTML dans la ligne nouvellement créée, qui contient une table avec un identifiant unique et un appel séparé à utiliser tablesorter pour la table avec ID qui

Encore une fois, que tout fonctionne très bien. Cependant, alors que tablesorter fonctionne très bien sur la table parent globale, il ne se charge pas du tout sur la table interne.

Je suppose qu'il y a peut-être un problème avec mon approche globale, puisque j'ai essayé d'autres plugins de tri de table (comme Stupid Table Plugin) et qu'aucun d'entre eux ne fonctionne.

Est-ce que je fais quelque chose qui ne va pas? Ou dois-je plonger dans le partage de détails via jsFiddle?

Answer 1

La version originale de tablesorter (v2.0.5), ne fonctionne pas bien avec les tables imbriquées - demo.

$(function() { 
    $('table').tablesorter(); 
}); 

Vérifiez ma fork of tablesorter qui traite mieux les tableaux imbriqués et thèmes imbriqués - demo.

$(function() { 
    $('table').tablesorter({ 
    theme: 'blue' 
    }); 
});