2011-01-01 5 views
11

Hallo, ich habe ein Problem mit dynamisch hinzugefügt Reihen zu jquery tablesorter,Problem mit Jquery tablesorter mit dynamischen hinzugefügt Reihen

Ich habe eine Reihe am Anfang der Tabelle hinzuzufügen, werden standardmäßig die tablesorter funktionieren gut, aber nach die Zeile wird hinzugefügt, die Tabelle sortiert nur mit den vorherigen Zeilen sortiert ich meine, dass die neue Zeile nicht in den Sortierprozess einbezogen wird, die neue Zeile hat einige, aber nicht alle Felder leer Lösung?

Antwort

20

Die Website von tablesorter bietet Details zur Vorgehensweise unter: Appending table data with Ajax. Der Code wird unten reproduziert:

+0

Ich habe es ausprobiert und es hat nicht funktioniert, und ich verwende keinen AJAX-Aufruf, ich mache die Zeile durch Klonen einer vorhandenen Zeile in der Tabelle könnte dies verursachen ein Problem? – Shaheer

+1

fixed !, muss nur hinzugefügt werden, $ ('Ihre Tabelle'). Trigger ("appendCache"); – Shaheer

+0

@Shaheer: welche Zeile im obigen Skript sollte ich hinzufügen $ ('Ihre Tabelle'). Trigger ("appendCache"), damit es funktioniert – learnJQueryUI

1

Sie haben versucht, den Tablesorter zu deaktivieren und eine neue Tablesorter-Sitzung zu initialisieren?

Da der Tablesorter nicht weiß, dass Sie die neuen Zeilen hinzugefügt haben, legen Sie einen neuen Tablesorter für die Tabelle fest.

+0

Ihre Idee klingt gut, ich werde das ausprobieren – Shaheer

-1

Der einzige Weg, wie ich es zum Laufen bringen konnte, war die ganze Tabelle zu regenerieren (entfernen Sie es und dann neu erstellen).

$(".resultTablePlaceholder").html('').html('<table id="resultTable">...</table>'); 
$("#resultTable").tablesorter(); 
-1

Diese Zeilen funktionierten perfekt für mich. Nach dem Zuweisen von HTML lösen Sie einfach die Update-Funktion der Tabelle aus.

$('#tblID').html(str); 
$("#tblID").trigger("update"); 

wo #tblID ist die Tabellen-ID und str ist der HTML von Tabelle zu Tabelle zugeordnet Zeilen.