jquery数据表分页不起作用

yrdbyhpb 于 2022-11-22 发布在 jQuery

关注(0)|答案(3)|浏览(219)

我是jquery datatables的新手，我有一个简单的函数，它调用 AJAX 并将响应Map到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条记录需要在那里。我错过了什么？

jquery

来源：https://stackoverflow.com/questions/44195805/jquery-datatables-pagination-not-working

3条答案

按热度按时间

sr4lhrrt1#

你得加上这个

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

赞(0）回复(0）举报 2022-11-22

v2g6jxz62#

尝试在数据表声明中使用此属性

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）回复(0）举报 2022-11-22

l2osamch3#

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

赞(0）回复(0）举报 2022-11-22

我来回答

jquery数据表分页不起作用

3条答案

相关问题

热门标签

最新问答