Datatable Paginierung auf neu hinzugefügte Zeilen

Question

Ich verwende datatable Plugin für Tabellenumbruch. Es funktioniert gut mit vorinstallierten Tabelle (here). Das Problem ist, wenn ich neue Zeilen durch jquery hinzufügen. Da beim Hinzufügen der neuen Zeilen keine Seitenfolge vorhanden ist, scheint die Paginierung für die Tabelle nicht angewendet zu werden.

Sie können auf die Schaltfläche "add new row" klicken, um weitere Zeilen einzufügen. Hier

ist die demo

Answer 1

Der richtige Weg, um eine Zeile in einer Datentabelle

Schritt 1 hinzuzufügen: Speichern Sie Ihre Datentabelle in einer Variablen

var table = $('#example').DataTable(); 

Schritt 2: Deklarieren Sie ein Array, das später als neue Zeile in Ihre Datentabelle eingefügt wurde

var tds = []; 

Schritt 3: jeden td Wert Drücken in Ihrem tds als Zeile Spalte

tds.push($(this).html()); 

Endlich: geben Sie Ihre neue Daten in der Datentabelle

table.row.add(tds).draw(false); 

So Ihre endgültigen Javascript-Code wird so sein

var table = $('#example').DataTable(); 
$("#insert-more").click(function() { 
    $("#example").each(function() { 
     var tds = []; 
     jQuery.each($('tr:last td', this), function() { 
      tds.push($(this).html()); 
     }); 
     table.row.add(tds).draw(false); 
    }); 
}); 

JS Fiddle