隐藏dc.dataTable的分组行

Hide group rows of dc.dataTable

本文关键字：dc dataTable 隐藏      更新时间：2023-09-26

我正在使用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()部分，我会得到

图表上缺少强制属性chart.group

有没有办法隐藏这些组标签行或完全跳过分组？

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

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

2019年更新：

从3.0.12版本起，您可以使用隐藏组（或节）标题.showGroups(false)。

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

相关文章：