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

Question

我正在使用https://datatables.net/examples/advanced_init/row_grouping.html中的数据表行分组，并且工作正常。

我有以下情况：

现在，我想按图像中看到的分组末尾行中的每个分组abd显示结果计算总和（小计）。

在清单末尾，想要显示总金额的最后一行。如何做到这一点。

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;
            }
        } );
    }
    });
});

Answer 1

对于此处的相同示例：https : //datatables.net/examples/advanced_init/row_grouping.html

我在里面做了一些改变 "drawCallback": function ( settings ) {

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

希望对您有所帮助