jQuery 数据表页脚，包含 ajax 输出的总行数

Question

我正在尝试使用 fnFooterCallback 将列中的金额求和为总计，我还无法弄清楚的部分是，我需要该页面的总计，我从 aaData 中得到了很好的结果。

关于如何使用 aaData 中使用 ajax 输出显示页脚的任何想法？

Answer 1

不确定这是否是您正在寻找的内容，但我会尝试一下。

为了在页脚中显示，请将此代码放在<thead>之后和<tbody>

<tfoot>
  <tr>
    <th>Total:</th> 
    <th></th>
  </tr>
</tfoot>

这样就可以显示在页脚中了。

然后将其添加到启动中:

"fnFooterCallback": function ( nRow, aaData, iStart, iEnd, aiDisplay ) {
    /*
     * Calculate the total market share for all browsers in this table (ie inc. outside
     * the pagination)
     */
    var iTotalMarket = 0;
    for ( var i=0 ; i<aaData.length ; i++ )
    {
        iTotalMarket += aaData[i][1]*1;
    }

    /* Calculate the market share for browsers on this page */
    var iPageMarket = 0;
    for ( var i=iStart ; i<iEnd ; i++ )
    {
        iPageMarket += aaData[ aiDisplay[i] ][1]*1;
    }

    /* Modify the footer row to match what we want */
    var nCells = nRow.getElementsByTagName('th');
    nCells[1].innerHTML = parseInt(iPageMarket);
}

更改 aaData[i][1] 中的号码您要计算到哪一列(从 0 开始，而不是从 1 开始)。

注意:如果行中有特殊字符，则此操作将不起作用，需要将其剪切。