javascript - SlickGrid 在分组级别显示聚合

Question

我按照这个示例进行聚合分组: http://mleibman.github.io/SlickGrid/examples/example-grouping.html

这在一行中完成分组，在单独的行中完成聚合。 我希望两者显示在同一行而不是有两个单独的行

例如，在上面的示例中，我想要单行喜欢 + 持续时间:3(4 项) 平均:20 % 成本:60 然后我们单击展开按钮，我们会看到其中的所有详细信息。

有什么建议吗？

Answer 1

您需要更改格式化程序和lazyTotalsCalculation。

• lazyTotalsCalculation = false

  formatter: function (g) {
    var total = sumTotalsFormatter(g.totals, columns[6]),
        avg = avgTotalsFormatter(g.totals, columns[3]);
    return "Duration:  " + g.value + "  <span style='color:green'>(" + g.count + " items)</span><span>avg: " + avg + "</span><span> cost: " +  (total.length>0?total.split(":")[1] : total) + "</span>" ;
  },
  

这是一条快速而肮脏的路线。为了使代码更加健壮，而不是“硬编码”列索引，您需要按照以下方式查找列:

grid.getColumns()[grid.getColumnIndex("cost")]
grid.getColumns()[grid.getColumnIndex("%")]