Besoin d'aide avec le plugin Jquery tablesorter Pager

Question

J'utilise le plugin tablesorter: http://tablesorter.com/docs/ avec jquery

1.4.2

Maintenant, mon problème est le suivant. L'utilisateur peut ajouter dynamiquement des lignes à la table. Mais cela semble gâcher la pagination. Comme d'abord il est ajouté à la première "page" de lignes mais si vous voulez aller à la deuxième page et vous revenez à la première page. Vous venez d'enregistrer est parti. Je ne sais pas où ça se passe mais c'est juste parti.

J'ai essayé de le faire

$('#pagerid').unbind('click'); 
$('#tbl tbody ').append(response.HtmlRow); 
$('#tbl').trigger('update'); 

J'ai donc essayé de délier la méthode de clic de téléavertisseur et faire une mise à jour de déclenchement, mais cela ne semble pas fonctionner. J'ai ensuite essayé d'ajouter cette ligne après les 3 lignes ci-dessus.

$('#tbl').tablesorterPager({ container: $('#pagerid') }); 

mais il semble ne rien faire aussi.

http://tablesorter.com/docs/example-pager.html

Answer 1

C'est parce que les magasins TableSorterPager un tableau de mise en cache des lignes de table et provoque la destruction/la table recréent montrant que les lignes « intéressantes » à partir du cache - en fonction de la page sélectionnée.

J'ai rencontré ce problème avant de travailler, sauf que j'avais aussi le plugin TableSorterFilter sur Pager et TableSorter. J'ai finalement réussi à le faire fonctionner, mais il a fallu beaucoup d'efforts pour modifier le code du plugin.

Si je devais recommencer, je serais allé avec DataTables.net qui semble avoir une API plus riche pour faire ce genre de choses. En fait, je suggérerais d'aller dans cette voie avant de devenir fou!

Answer 2

La ligne (tr) que vous ajoutez doit avoir la balise de style "display: table-row;"