So fügen Sie einer jQuery-DataTable mehrere Zeilen aus einer HTML-Zeichenfolge hinzu

Question

Ich habe eine jQuery-DataTable, der ich html tr-Zeilen hinzufügen möchte. Diese Zeilen kommen in Form einer HTML-Zeichenfolge. Ich kann diese unter Verwendung von Standard-jQuery zur Tabelle hinzufügen, aber das bedeutet, dass sie das DataTable-Objekt umgehen und beim Umsortieren der Tabelle verloren gehen. Die Verwendung der DataTable-Funktion rows.add() würde bedeuten, dass ich die Zeilen im Array-Format benötigen würde.

Leider kann ich nicht einfach ändern, was vom Server zurückkommt, also scheint es, dass ich eine clientseitige Lösung brauche.

Answer 1

Sie sollten die Tabelle nicht direkt bearbeiten und geeignete jQuery DataTables-API-Methoden verwenden.

Sie können die API-Methode rows.add() verwenden, um mehrere Zeilen hinzuzufügen, während tr Knoten bereitgestellt werden. Sie können tr Knoten aus Ihrer Serverantwort erstellen.

Zum Beispiel:

var table_rows = '<tr><td>Tiger Nixon</td><td>System Architect</td><td>Edinburgh</td><td>61</td><td>2011/04/25</td><td>$320,800</td></tr>'; 

table.rows.add($(table_rows)).draw(); 

Siehe this jsFiddle für Code und Demonstration.