Question

我可以像这样得到一个INT列的页脚：

footerCallback: function ( row, data, start, end, display ) {
        var quantita = this.api(), data;

        // Total over all pages
        total_quantita = quantita
            .column( 5 )
            .data()
            .reduce( function (a, b) {
                return intVal(a) + intVal(b);
            }, 0 );

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

        // Update footer Column "quantita"
        $( quantita.column( 5 ).footer() ).html(
        pageTotal_quantita +' ('+ total_quantita +' total)'
        );

我的问题是：如何获得上面的总数hh：mm：ss数据类型列？谢谢！

Answer 1

我已经更新了你的代码，你几乎就在那里但是时刻被用来创造这个：

var table = $('#example').DataTable({
    "footerCallback": function ( row, data, start, end, display ) {
        var api = this.api(), data;
        // Total over all pages
        total_ID = api.column(0).data().reduce( function (a, b) {
            return ~~a + ~~b;
        }, 0 );
        total_Duration = api.column(1).data().reduce( function (a, b) {
            return moment.duration(a).asMilliseconds() + moment.duration(b).asMilliseconds();
        }, 0 );
        // Total over this page
        pageTotal_ID = api.column(0, { page: 'current'} ).data().reduce( function (a, b) {
            return ~~a + ~~b;
        }, 0 );
        pageTotal_Duration = api.column(1, { page: 'current'} ).data().reduce( function (a, b) {
            return moment.duration(a).asMilliseconds() + moment.duration(b).asMilliseconds();
        }, 0 );
        // Update footer Column "quantita"
        $( api.column(0).footer()).html(
            pageTotal_ID + ' ('+ total_ID +' total)'
        );
        $( api.column(1).footer()).html(
            moment.utc(pageTotal_Duration).format("HH:mm:ss") + ' ('+ moment.utc(total_Duration).format("HH:mm:ss") + ' total)'
        );
    }   
});

它似乎适用于有限的示例I created。希望有所帮助。

Answer 2

试图找到解决方案......我要做的第一件事就是sum（）列数据（https://cdn.datatables.net/plug-ins/1.10.11/api/sum%28%29.js）

        var time_api = this.api();
        //total for all pages
        var total = time_api.column(3)
                .data()
                .sum();           

        //write in footer
        $(time_api.column(3)
            .footer())
            .html(total);

这给了我这个输出，这是一个总和，但它需要一些调整，我无法弄清楚如何改变：

进入： 12:03:05 （正确的总和输出）。

我可能需要为此创建一个新问题，如果得到答案，我会在这里更新。

请帮忙。

jQuery数据表页脚总和hh：mm：ss数据类型列

2 个答案: