仅在最后一页显示列的总和

Question

可以很容易地在网络上按照许多说明显示页脚中不同列的总和。

示例：

$(document).ready(function() {
    $('#example').DataTable( {
        "footerCallback": function ( row, data, start, end, display ) {
            var api = this.api(), data;

            // Remove the formatting to get integer data for summation
            var intVal = function ( i ) {
                return typeof i === 'string' ?
                    i.replace(/[\$,]/g, '')*1 :
                    typeof i === 'number' ?
                        i : 0;
            };

            // Total over all pages
            total = api
                .column( 4 )
                .data()
                .reduce( function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0 );

            // Total over this page
            pageTotal = api
                .column( 4, { page: 'current'} )
                .data()
                .reduce( function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0 );

            // Update footer
            $( api.column( 4 ).footer() ).html(
                '$'+pageTotal +' ( $'+ total +' total)'
            );
        }
    } );
} );

我的问题是，如何在最后一页打开时（当用户在骑车时到达最后一页时）显示总金额？

我在考虑获取表格信息，并在添加总页数的代码之前检查当前页面是否等于页面，但我无法弄明白。

有人试过这样的事吗？

Answer 1

您可以通过将data.length与// Update footer if (end == data.length) { $(api.column(5).footer()).html( 'Total: $' + total ); } else { $(api.column(5).footer()).html('') } ：

进行比较来实现

{{1}}

选中Fiddle。