当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《JQueryDataTables-行分组,求和,可折叠,导出》经验,为你挑选了0个好方法。

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

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

在此输入图像描述

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

附加信息

我将从Ajax源返回数据.

更新1

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

"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(
                '' + group 
                 + '' 
                 + total + ''
            );

            last = group;
        }
    });                  
}

更新2

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

更新3

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

推荐阅读
李桂平2402851397
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有