How can i create a dynamic Table like in the Airline on-time performance Example at the Crossfilter Homepage
It's not full-featured but you can use the dc.js dataTable for this:
https://github.com/dc-js/dc.js/blob/develop/web/docs/api-latest.md#dc.dataTable
For fancier tables some people have had success integrating DataTables.js
I used this one. And it works :)
<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);
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.