jquery数据表分页不工作
我不熟悉jquerydatatables,我有一个简单的函数,可以调用ajax并将响应映射到datatables,这是可行的,但是分页工作不正常,任何建议都会很好。这是我的密码jquery数据表分页不工作,jquery,pagination,datatables,Jquery,Pagination,Datatables,我不熟悉jquerydatatables,我有一个简单的函数,可以调用ajax并将响应映射到datatables,这是可行的,但是分页工作不正常,任何建议都会很好。这是我的密码 function loadJson() { $('#datatable') .dataTable( { "bProcessing" : true,
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],
尝试在datatable声明中使用此属性
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
});
}
你可以参考上面的链接
我在我的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
});
}
public async Task LoadDataAsync([FromForm]JqueryDataTablesParameters)
{
var(数据、过滤、总计)=等待GetAllAsync(参数,“Id”、“代码”、“名称”);
//返回Json数据
返回Json(新的JqueryDataTablesResult
{
Draw=参数。Draw,
数据=数据,
FilteredRecords=已过滤,
TotalRecords=总计
});
}
添加此“pagingType”:“full_numbers”,“paging”:true,您可以在控制台中看到的错误在控制台中没有错误。@Trimantarosoftwaresolution,是的,添加但没有解决。请参阅此链接,它将帮助您感谢您的响应,我对此不熟悉,工作fiddle或任何详细的工作代码都会很好。Thanksi将看到。您可以在数据表中使用哪个js?
您只能在datatable中使用此js尝试像这样使用$(“#datatable”).datatable()
。将datatable d设置为caps$('#datatable').datatable(),这就是我正在使用的