分组行中的小计

Question

我使用的是jQuery Datatables，在我的表中，我按照表的第一列中的值进行分组，并以组的形式显示所有具有匹配的第一列的数据。 我希望在每个分组的行内显示“小计”行。 这是我的桌子现在的样子的一个例子：

我想从“小计”行中获取单元格并将其放在分组的行中。 像这样：

这是我的数据表的当前代码：

$('#table').dataTable( {
      "bFilter": true,
      "aaSorting": [[ 5, "desc" ]],
                "aaSortingFixed": [[ 0, "desc" ]],
      "columnDefs": [
          { "visible": false, "targets": 0 }
      ],
      "pageLength": 50,
                "aoColumns": [
        null,null,            { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num" },
        { "sSortDataType": "num-html", "sType": "formatted-num", "visible": false },
        { "sSortDataType": "num-html", "sType": "formatted-num", "visible": false },
        { "sSortDataType": "num-html", "sType": "formatted-num", "visible": false },
        { "sSortDataType": "num-html", "sType": "formatted-num", "visible": false }
      ],
      "sDom": "CTlfrt<'container'<'pull-left'i><'pull-right'p>>",
      "sPaginationType": "bootstrap",
                "drawCallback": function ( settings ) {
        var api = this.api();
        var rows = api.rows( {page:'current'} ).nodes();
        var last=null;

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

                last = group;
            }
        } );
      },
                "oLanguage": {
        "sLengthMenu": "_MENU_ records per page"
      },
      "oTableTools": {
        "sSwfPath": "/public/swf/copy_csv_xls_pdf.swf",
        "aButtons": [
          "copy",
          "print",
          "csv"
        ]
      },
    } );

每当绘制表格时，我可以使用哪种Javascript为我执行此操作？ 如果您需要更多信息，请告诉我。

Answer 1

检查小提琴（分组的小计）：[link] [1]

http://jsfiddle.net/X5LB9/

enter code here

Answer 2

我的建议是使用jqGrid：jQuery Grid插件

在左侧面板/分组/折叠时查看摘要行中选择示例

Answer 3

我发现此链接对于获取解决方案很有用： https : //datatables.net/forums/discussion/20844/rowgroup-sum-and-total