Wie kann ich eine dynamische Tabelle erstellen - Crossfilter - dc.js

Question

Wie kann ich eine dynamische Tabelle wie in der Airline Pünktlichkeit Beispiel an den Crossfilter Homepage

http://square.github.io/crossfilter/

Answer 1

Ich habe diese verwendet. Und es funktioniert :)

<div class="row"> 
     <table id='data-table'> 
      <thead> 
      <tr class='header'> 
       <th>TestCase</th> 
       <th>TestScript</th> 
       <th>MonType</th> 
      </tr> 
      </thead> 
     </table> 
    </div> 



dc.dataTable('#data-table') 
     .dimension(TestCaseDim) 
      .group(function (d) { 
       return d.Timestamp.bold().fontcolor("darkblue"); 
      }) 
     .columns([ 
      function (d) { return d.TestCase; }, 
      function (d) { return d.TestScript; }, 
      function (d) { return d.MonitorType; } 

     ]) 
     .size(500) 
     .order(d3.descending) 
     .renderlet(function (table) { 
      table.selectAll('.dc-table-group').classed('info', true); 
     }); 

Answer 2

Es ist nicht voll funktions erstellen Sie können jedoch die dc.js Datatable für diesen Einsatz:

https://github.com/dc-js/dc.js/blob/develop/web/docs/api-latest.md#dc.dataTable

für ausgefallenere Tabellen einige Leute Erfolg gehabt haben, die Integration von DataTables.js

https://github.com/dc-js/dc.js/issues/966