2017-05-26 154 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