数据表总和逐行分组并在每个组的末尾显示总和结果

时间:2018-04-20 11:44:18

标签: datatables

我正在使用来自https://datatables.net/examples/advanced_init/row_grouping.html的数据表行分组,它运行正常。

我有以下情况: enter image description here

现在我想按照你在图片中看到的分组结束时每行分组显示结果来计算总和(小计)。

在列表结束时,要显示总金额的最后一行。 如何做到这一点。

Js使用的代码是:

$(function() {
    var table = $('#table').DataTable({
    "columnDefs": [
        { "visible": false, "targets": 1 }
    ],
    "order": [[ 1, 'asc' ]],
    "displayLength": 25,
    "drawCallback": function ( settings ) {
        var api = this.api();
        var rows = api.rows( {page:'current'} ).nodes();
        var last=null;

        api.column(1, {page:'current'} ).data().each( function ( group, i ) {
            if ( last !== group ) {
                $(rows).eq( i ).before(
                    '<tr class="group" style="background-color:#F5F5F5;"><td colspan="3">'+group+'</td></tr>'
                );

                last = group;
            }
        } );
    }
    });
});

1 个答案:

答案 0 :(得分:3)

对于同样的例子:https://datatables.net/examples/advanced_init/row_grouping.html

我在"drawCallback": function ( settings ) {

中做了一些更改

检查这个小提琴https://jsfiddle.net/bLykqbo6/110/

我希望它有所帮助