jquery datatables分頁不工作

Question

我是jquery datatables的新手，我有一個簡單的函數調用ajax並將響應映射到數據表，這是工作，但分頁工作不正常，任何建議將greate。這是我的代碼。

function loadJson() { 

    $('#datatable') 
      .dataTable(
        { 
         "bProcessing" : true, 
         "bPaginate" : true, 
         "bServerSide" : true, 
         "sServerMethod" : "GET", 
         "sAjaxSource" : "${pageContext.request.contextPath}/emi/calculate?jsonValue=" 
           + jsonData, 
         "sAjaxDataProp" : "", 
         "fnRowCallback" : function(nRow, aData, 
           iDisplayIndex) { 
          $("td:first", nRow).html(iDisplayIndex + 1); 
          return nRow; 
         }, 

         "aoColumns" : [ { 
          "mData" : null 
         }, { 
          "mData" : "emiDate" 
         }, { 
          "mData" : "principle" 
         }, { 
          "mData" : "interestAmount" 
         }, { 
          "mData" : "emi" 
         }, { 
          "mData" : "loanOutstanding" 
         } ] 
        }); 
} 

我this輸出，問題是，顯示的條目不工作，我只有11條，我得到了1,2,3,4頁碼只應是1，2，只有10條需要在那裏。我在這裏錯過了什麼？

Answer 1

你必須添加此，

"pagingType": "full_numbers", 
    "paging": true, 
    "lengthMenu": [10, 25, 50, 75, 100], 

Answer 2

嘗試使用這個屬性在你的數據表聲明

 function loadJson() { 

    $('#datatable') 
      .DataTable(
        { 

         "sServerMethod" : "GET", 
         "sAjaxSource" : "${pageContext.request.contextPath}/emi/calculate?jsonValue=" 
           + jsonData, 
         "sAjaxDataProp" : "", 


         "aoColumns" : [ { 
          "mData" : null 
         }, { 
          "mData" : "emiDate" 
         }, { 
          "mData" : "principle" 
         }, { 
          "mData" : "interestAmount" 
         }, { 
          "mData" : "emi" 
         }, { 
          "mData" : "loanOutstanding" 
         } ], 
         "bProcessing" : true, 
         "bPaginate" : true, 
         "bServerSide" : true 
        }); 

}