Seitennummerierung für jQuery Datable

Question

Ich habe eine Datentabelle mit jQuery erstellt. Im Folgenden ist der HTML-Code für das gleiche:

<table id="md-transaction-table" class="wide100 margin-bottom-1"> 
    <thead> 
     <tr> 
      <th>Payment Date</th> 
      <th>Description</th> 
      <th>Statement Number</th> 
      <th>Payment Transaction ID</th> 
      <th>Amount</th> 
      <th>Payment Method</th> 
      <th>User</th> 
      <th>Payment Status</th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

und unten ist der jQuery-Code für das gleiche:

$('#md-transaction-table').dataTable({ 
    "data":json, 
    "dom": 't', 
    "bSort":false, 
    "pageLength": 8, 
    "paging": true, 
    "bPaginate":true, 
    "pagingType":"full_numbers", 
    "columns": [ 
     {"data": "paymentDate"}, 
     {"data": "description"}, 
     {"data": "statementNumber"}, 
     {"data": "transactionId"}, 
     {"data": "amount"}, 
     {"data": "paymentMethod"}, 
     {"data": "user"}, 
     {"data": "paymentStatus"} 

    ], 
    "columnDefs": [ 
     {className: "pad-md-left-p-10 pad-top-bottom-p-10", "targets": [0,1,2,3,4,5,6,7]} 
     ] 

}); // End of datatable function 

Jetzt muß ich unter dem Tisch eine Paginierung setzen. Etwas wie folgt aus:

Meine Forderung ist, dass zunächst muss ich nur acht Zeilen in der Tabelle zeigen. Wenn der Benutzer auf die nächste Schaltfläche klickt, muss er die vorherigen 8 Zeilen ausblenden und die nächsten 8 Zeilen anzeigen. Können Sie mir sagen, wie können wir das tun? Ich verwende die Standard-Paginierungsfunktion der Datentabelle. Aber die Seitenzahlen erscheinen nicht. Kannst du mir sagen, wo ich falsch liege?

Answer 1

Entfernen Sie die Option dom aus der Initialisierung von Datenträgern, und die Seitennummerierung funktioniert.

jsFiddle