如何创建动态表 - Crossfilter - dc.js

Question

如何创建动态表，就像在Crossfilter主页上的航空公司准点性能示例

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

Answer 1

它不是功能齐全，但你可以使用dc.js dataTable：

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

对于有名的桌子，有些人已成功整合DataTables.js

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

Answer 2

我用过这个。它有效：）

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