时间戳

首页 > 解决方案 > 试图对数据表进行求和，但它只是第一页的求和

datatables - 试图对数据表进行求和，但它只是第一页的求和

问题描述

我正在尝试对数据表中的列求和。但它只是总结第一页？这两个变量仅对数据第一页的值Requiredone进行Bookedtwo求和，而不是对整个数据集进行求和：s

    var sTable = $('.datatable').dataTable({
    "bJQueryUI": true,
    "sPaginationType": "full_numbers",
    "bScrollCollapse": true,
    "aaSorting": [[1, "desc"]],
    "bServerSide": true,
    "bProcessing": true,
    "sAjaxSource": CycleTimeReport,
    "aoColumns": [
        { "sName": "one", "sClass": "ellipsis" },
        { "sName": "two", "sClass": "ellipsis" }
    ],
    "fnServerData": function (sSource, aoData, fnCallback) {
        var data = new Object();
        data.jsonAOData = JSON.stringify(aoData);
        dataToSend = data;

        $.ajax({
            contentType: "application/json; charset=utf-8",
            type: "POST",
            url: sSource,
            data: JSON.stringify(dataToSend),
            success: function (msg) {
                fnCallback(msg);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                if (document.Invoice.hostname == "localhost") {
                    alert(XMLHttpRequest.status);
                    alert(XMLHttpRequest.responseText);
                }
            }
        });
    },
    "fnFooterCallback": function (nRow, aaData, iStart, iEnd, aiDisplay) {

            var Requiredone = 0;
            var Bookedtwo = 0;

            for (var i = 0; i < aaData.length; i++) {
                Requiredone+= aaData[i][2] * 1;
                Bookedtwo += aaData[i][3] * 1;
            }
},
    "oLanguage": {
        "sSearch": "_INPUT_"
    },
    "fnInitComplete": function (oSettings, json) {
    },
    "bSortCellsTop": true
});

标签： datatablesdatatables-1.10

解决方案

您正在使用数据的服务器端处理。所以你的数据表对象只有当前显示页面的数据。您必须在服务器端实现总和并将其添加到 JSON 响应或在额外的 ajax 请求中执行。

另一种选择是禁用服务器端处理并预填充表格元素或使用包含所有数据的 json 对象填充 datatales-settings 的 aaData-property。

推荐阅读