2017-05-26 104 views
0

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

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條需要在那裏。我在這裏錯過了什麼?

+0

添加此, 「pagingType」: 「full_numbers」, 「傳呼」:真實, –

+0

你可以在控制檯中得到哪個錯誤 – Jay

+0

沒有錯誤。 – pralad

回答

0

你必須添加此,

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

仍然無法正常工作。 – pralad

+0

參考這個鏈接https://stackoverflow.com/questions/38475379/jquery-datatable-pagination-not-showing-page-counts –

+0

它會幫助你 –

0

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

 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 
        }); 

} 
+0

感謝您的努力,問題在這裏保持不變。 – pralad

+0

哪些** js **可以用於數據表? – Jay

+0

'' – pralad