直流数据表而不对行进行分组

J86*_*J86 7 javascript datatable d3.js dc.js

是否可以使用直流数据表而不显示组中的数据?我只是想显示所有组中的所有数据!

我的代码如下:

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);
  });
Run Code Online (Sandbox Code Playgroud)

这显示了我的数据表但是有一个空行,如下所示:

数据表

Gor*_*don 10

它看起来似乎没有办法做到这一点.听起来像是一个合理的要求!您可以提交增强请求,甚至更好的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开始


Dan*_*777 5

一个简单的解决方法:

您可以使用以下方法覆盖相应的css类以避免显示该行:

<style>
  .dc-table-group{display:none}
</style>
Run Code Online (Sandbox Code Playgroud)

在你的HTML中.