javascript - 隐藏 dc.dataTable 的组行

Question

我正在使用 JavaScript 库 dc.js使用 dc.dataTable() 动态生成记录表。数据相当简单，所以我实际上想将其显示为没有任何分组的普通行列表。

但是，dc.dataTable() 需要一个 .group() 属性。然后，每个这样的组在其数据行之前的结果表中显示一个额外的行。

var datatable = dc.dataTable("#category-table");
    datatable
        .dimension(categoryDim)
        .group(function(d) {return "Categories";}) //just 1 static group, so it's only 1 unnecessary group label row at least
        .columns([
          function(d) { return d.category_name; },
          function(d) { return d.views;},
        ]);

如果我跳过 .group() 部分，我会得到

Mandatory attribute chart.group is missing on chart

有什么方法可以隐藏这些组标签行或完全跳过分组吗？

Answer 1

可以使用 css 隐藏表格组行。这些添加的行具有 css 类 dc-table-group，因此可以使用一些自定义 css 隐藏:

.dc-table-group {
  visibility: collapse;
}