JQuery DataTables - 行分组,求和,可折叠,导出

Question

我一直在使用JQuery DataTables.这是我第一次使用行分组.我找到了一个我想要开始的好例子.- 分组

1. 如何<td>在分组行中添加额外内容？如果我想在该分组行上显示分组工资的总和,该怎么办？现在,看起来您只能显示该组的名称.

2. 我可以让这些行像他们在这里和这里一样可折叠吗？看起来这是一个与原始分组代码不同的插件. 这种外观是我的偏好,但使用子行似乎与分组不一样.

附加信息

我将从Ajax源返回数据.

更新1

因此,我构建了一个包含行分组的表,并找到了如何总结列的示例.我正在将该值插入<td>该组行中.我现在需要的是如何将总和数量分解为组而不是整个列的总和.我需要帮助.

"drawCallback": function (settings) {
    var api = this.api(), data;
    var rows = api.rows({ page: 'current' }).nodes();
    var last = null;

    //Calculates the total of the column
    var total = api
        .column(5)  //the salary column
        .data()
        .reduce(function (a, b) {
            return a + b;
        }, 0);

    //Groups the Office column
    api.column(2, { page: 'current' }).data().each(function (group, i) {
        if (last !== group) {
            $(rows).eq(i).before(
                '<tr class="group"><td>' + group 
                 + '</td><td></td><td></td><td></td><td>' 
                 + total + '</td></tr>'
            );

            last = group;
        }
    });                  
}

更新2

我不认为DataTables可以提供我需要的所有功能.行分组没有内置小计或可折叠.即使我能够创建自定义的东西来执行此操作,看起来这些组行在导出期间不会被拾取,这是我需要的另一个要求.我可能不得不走另一条路.除非有人能满足所有这些需求,否则不要打扰.

更新3

我决定改用Kendo网格.所有这些功能都已内置.

Answer 1

我已检查您的代码并通过示例查看您给定的链接。

我也检查了你的UPDATE

我发现这**Kendo Grids**是根据您的要求的最佳选择。

所以我建议使用：更新3