javascript - una - d datatable sin agrupar las filas

seleccionar una fila de una tabla html

Question

¿Es posible tener una tabla de datos de CC sin mostrar los datos en grupos? ¡Solo quiero mostrar todos los datos en todos los grupos!

Mi código es el siguiente:

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);
  });

Esto muestra mi tabla de datos pero con una fila vacía como esta:

Answer 1

No parece que haya una forma de hacerlo. ¡Suena como una solicitud razonable! Puede enviar una solicitud de mejora o, mejor aún, una PR.

Aquí está el código relevante, en renderGroups :

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

Está anidando los datos por clave y luego agregando una fila de tabla para cada grupo. Sería trivial deshabilitar esto, pero el problema es que más adelante, renderRows selecciona esas "filas de grupo" para agregar datos debajo de ellas:

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

EDITAR: es una opción, .showGroups() , a partir de 2.0 beta 16

Answer 2

Una solución simple:

Puede anular la clase CSS correspondiente para evitar la visualización de esa fila, utilizando:

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

en tu html