一组行可以包含使用制表符的自定义摘要吗？

Question

我正在尝试创建一个汇总分组数据的单行。

在线框图中，您会看到按部门分组的员工信息。您还会注意到，在组 header 下方，有一行汇总信息（线框中的蓝色箭头）。

到目前为止我已经尝试了很多东西。最有前途的方法似乎是使用 rowFormatter 嵌入嵌套的 table 一行，一列带有摘要文本。该方法的问题是：

寻找一种方法只在组 header 后插入一次 table。我以为我可以看一下 row.getPosition(true) 来查看它在组中的位置，只有在 0 时才插入，但位置似乎是全局位置。如果有组位可以看一下就解决了

请注意，目的是而不是提供单独的列摘要（例如，不为每列查找计数、总和、计算值等）。目的是为每个组提供一行，提供该组中包含的数据的文本摘要，如线框所示。

是否可以按照此处所述包含摘要行？

Answer 1

此方法使用 rowFormatter 和全局计数器来跟踪是否为组插入了摘要。

全局计数器是一个字典，它跟踪容器中每个元素的频率，并使用 table 组键作为字典键。

var hasGroupSummary = {}

rowFormmater代码：

  rowFormatter: function(row) {
    var element = row.getElement();
    var data = row.getData();
    var group = row.getGroup();

    var newElement = document.createElement("div");
    newElement.innerText = "Summary here";

    var key = group.getKey();
    if (!(key in hasGroupSummary)) {
      element.insertBefore(newElement, element.firstChild);
      hasGroupSummary[key] = true;
    }
   }

工作 JSFiddle： https://jsfiddle.net/black_ring_9a/r2s0zbng/

一组行可以包含使用制表符的自定义摘要吗？

Can a group of rows include a customized summary using Tabulator?

javascript

tabulator