dc 数据表而不对行进行分组答案

【问题标题】：dc datatable without grouping the rowsdc 数据表而不对行进行分组
【发布时间】：2015-01-04 08:35:29
【问题描述】：

是否可以有一个不按组显示数据的 dc 数据表？我只想显示所有组的所有数据！

我的代码如下：

dc.dataTable(".dc-data-table")
  .dimension(dateDimension)
  .group(function (d) {
    return ''
  })
  .size(10) // (optional) max number of records to be shown, :default = 25
  .columns([
      function (d) {
          return getFormattedDate(d.dd);
      },
      function (d) {
          return d.referredfor;
      },
      function (d) {
          return numberFormat(d.cost);
      },
      function (d) {
          return d.gender;
      }
  ])
  .sortBy(function (d) {
      return d.dd;
  })
  .order(d3.ascending)
  .renderlet(function (table) {
      table.selectAll(".dc-table-group").classed("info", true);
  });

这显示了我的数据表，但有一个空行，如下所示：

【问题讨论】：

标签： javascript d3.js datatable dc.js

【解决方案1】：

目前似乎没有办法做到这一点。听起来是个合理的要求！你可能会submit an enhancement request，或者更好的 PR。

这里是相关代码，在renderGroups:

https://github.com/dc-js/dc.js/blob/master/src/data-table.js#L121

它是按键嵌套数据，然后为每个组添加一个表行。禁用它是微不足道的，但问题是稍后，renderRows 选择那些“组行”以便在它们下添加数据：

https://github.com/dc-js/dc.js/blob/master/src/data-table.js#L156

编辑：这是一个选项，.showGroups()，自 2.0 beta 16 起

【讨论】：

【解决方案2】：

一个简单的解决方法：

您可以覆盖相应的 css 类以避免显示该行，方法是：

<style>
  .dc-table-group{display:none}
</style>

在您的 html 中。

【讨论】：