在 Tabulator table 的每个嵌套数据树下方添加总和

Question

我正在尝试为嵌套 table 实现列总和。文档将其显示为简单的 table here。但是，它不适用于嵌套 table.

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

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

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

Answer 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

在 Tabulator table 的每个嵌套数据树下方添加总和

Add sum below Each Nested Data tree for Tabulator table

tabulator