在 Tabulator 表的每个嵌套数据树下添加总和答案

【问题标题】：Add sum below Each Nested Data tree for Tabulator table在 Tabulator 表的每个嵌套数据树下添加总和
【发布时间】：2019-12-02 11:12:37
【问题描述】：

我正在尝试为嵌套表实现列总和。文档显示了一个简单的表格here。但是，它不适用于嵌套表。

我尝试在列定义中包含bottomCalc:"sum"。

columns: [
{ title: "New Lead", field: "newLeadCount", width: 150, bottomCalc: "sum" },
],

我想获得每个主要行组或发布 ID 的总和。但目前，它在底部显示总和。而且由于方法不正确，它也无法计数。我试过这个：

【问题讨论】：

请添加工作演示代码

标签： tabulator

【解决方案1】：

这可以使用自定义计算器函数来汇总子值，但需要注意的是需要将字段作为参数传递。

这段代码只是指出了https://jsfiddle.net/amwrfzt8/所需的方法

html中的这个

<div id="example-table"></div>

这在脚本中。

var tableDataNested = [
  {group:"Backend Engineer A", name:"Sourced", applied:300, screened:40, interviewed:5},
  {group:"Backend Engineer A", name:"Referred", applied:3, screened:1, interviewed:0},
  {group:"Backend Engineer A", name:"University", applied:4, screened:2, interviewed:1},
  {group:"Backend Engineer B", name:"Sourced", applied:1000, screened:140, interviewed:55},
  {group:"Backend Engineer B", name:"Referred", applied:30, screened:11, interviewed:2},
  {group:"Backend Engineer B", name:"University", applied:40, screened:22, interviewed:10},
];

var table = new Tabulator("#example-table", {
    data:tableDataNested,
    dataTree:true,
    dataTreeStartExpanded:true,
    groupBy: "group",
    columns:[
      {title:"Name", field:"name", responsive:0},
      {title:"Applied", field:"applied", bottomCalc: "sum"},
      {title:"Screened", field:"screened", bottomCalc: "sum"},
      {title:"Interviewed", field:"interviewed", bottomCalc: "sum"},
    ],
});

https://github.com/olifolkerd/tabulator/issues/2235 上提供有关此问题的完整讨论

【讨论】：