[英]jquery datatables pagination not working
我是 jquery 数据表的新手,我有一个简单的函数,它调用 ajax 并将响应映射到数据表中,这是有效的,但是,分页无法正常工作,任何建议都会很棒。 这是我的代码。
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"
} ]
});
}
我得到了这个输出,问题是,显示条目不起作用,我只有 11 条记录,我得到了 1、2、3、4 页码,应该只有 1、2 和 10 条记录需要在那里。 我在这里错过了什么?
你必须添加这个,
"pagingType": "full_numbers",
"paging": true,
"lengthMenu": [10, 25, 50, 75, 100],
尝试在您的数据表声明中使用此属性
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
});
}
https://stackoverflow.com/posts/38213104/revisions
你可以参考上面的链接。
我在我的EntityController
使用以下代码。
public async Task<IActionResult> LoadDataAsync([FromForm]JqueryDataTablesParameters parameters)
{
var (data, filtered, total) = await GetAllAsync(parameters, "Id", "Code", "Name");
//Returning Json Data
return Json(new JqueryDataTablesResult<GradeDto>
{
Draw = parameters.Draw,
Data = data,
FilteredRecords = filtered,
TotalRecords = total
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.