databile senza raggruppare le righe

Question

È possibile avere una tabella dati in cc senza mostrare i dati in gruppi? Voglio solo mostrare tutti i dati attraverso tutti i gruppi!

Il mio codice è il seguente:

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

Questo dimostra la mia tabella di dati, ma con una riga vuota in questo modo:

Answer 1

Non sembra che ci sia attualmente un modo per fare questo. Sembra una richiesta ragionevole! Potresti submit an enhancement request o, meglio ancora, un PR.

Ecco il codice corrispondente, in renderGroups:

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

Esso è nidificano i dati chiave e quindi aggiungendo una riga della tabella per ciascun gruppo. Sarebbe banale per disabilitare questa, ma il problema è che poi, renderRows seleziona quei "raggruppare le righe" per aggiungere dati sotto di loro:

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

EDIT: E 'un'opzione, .showGroups(), a partire dal 2.0 beta 16

Answer 2

Una semplice soluzione:

È possibile sostituire il corrispondente classe css evitare visualizzazione di tale riga base:

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

nel tuo html.