datatable 统计当前页的总数和统计所有页面的总数

bootstrap 使用了datatable 作为表单展示数据，datatable的功能非常强大，其中在分页后统计数据上也很方便，只需要简单的配置即可。

$(document).ready(function () {
    $('#example').DataTable({
        footerCallback: function (row, data, start, end, display) {
            var api = this.api();
 
            // 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 = api
                .column(4)
                .data()
                .reduce(function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0);
 
            // 当前页面的总数
            pageTotal = api
                .column(4, { page: 'current' })
                .data()
                .reduce(function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0);
 
            // 插入到表单底部
            $(api.column(4).footer()).html('$' + pageTotal + ' ( $' + total + ' total)');
        },
    });
});

记录一下。