不分组的 DC 数据表

Question

是否可以没有以组形式显示数据的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);
  });

这显示了我的数据表，但是有一行是空的，像这样：

- J86

Answer 1

目前似乎没有一种方法可以做到这一点。听起来是一个合理的请求！您可以提交增强请求，甚至更好的是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版本开始支持。

- Gordon

Answer 2

一种简单的解决方法：

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

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

在你的HTML中。

- Daniel777