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

如何创建一个动态表，如Crossfilter主页上的Airline on-time performance示例中所示

---

它不是全功能的，但您可以使用dc.js数据表来实现：

对于更高级的表，有些人已经成功地集成了DataTables.js

---

我用了这个。它是有效的：）

测试用例
测试脚本
蒙蒂普
dc.dataTable（“#数据表”）
.尺寸（TestCaseDim）
.小组（职能（d）{
返回d.Timestamp.bold（）.fontcolor（“暗蓝色”）；
})
.栏目([
函数（d）{返回d.TestCase；}，
函数（d）{return d.TestScript；}，
函数（d）{返回d.MonitorType；}
])
.尺寸（500）
.顺序（d3.降序）
.renderlet（函数（表）{
table.selectAll（'.dc table group'）.classed（'info'，true）；
});

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