隐藏组行 dc.dataTable

Question

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

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

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 隐藏 table 组行。这些添加的行具有 css class dc-table-group 因此可以使用一些自定义 css:

隐藏

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

Answer 2

2019 年更新：

从版本 3.0.12 开始，您可以隐藏组（或部分）header .showGroups(false).

文档： https://dc-js.github.io/dc.js/docs/html/dc.dataTable.html#showGroups__anchor

隐藏组行 dc.dataTable

Hide group rows of dc.dataTable

javascript

dc.js