分頁爲jQuery Datable

Question

我已經使用jQuery創建了一個數據表。下面是相同的HTML代碼：

<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> 

而下面是相同的jQuery代碼：

$('#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 

現在我需要把下表分頁。事情是這樣的：

我的要求是，首先我需要在表格中顯示只有8行。當用戶點擊下一個按鈕時，它必須隱藏前8行並顯示下8行。你能告訴我，我們該怎麼做？我正在使用datatable的默認分頁功能。但分頁沒有顯示出來。你能告訴我我做錯了什麼嗎？

Answer 1

從數據表中刪除dom選項初始化和分頁將工作。

jsFiddle