The intent of this project is to integrate the powerful UI, styling, and plugins of DataTables with dc.js filtered data.
Demo using the dc.js stock example, but displaying the data with a DataTable.
Instead of generating an HTML table using
dc.dataTable and then converting the DOM elements to a
dc.datatables.js to import the data programmatically. This should be faster and
.render()creates the DataTable object and maps columns defined similar to those in
.redraw()pulls all the data (
.top(Infinity) from the dimension and puts it into the DataTable using rows.add()
.dt()fetches the underlying DataTable object for further customization.
For control over column formatting and behavior, use the object form of columns
- columns.type, used for sorting, is 'num'
by default; use
typeto override this
- columns.name, used as a unique id, is read
- columns.title, used to provide heading
text, is read from the
- columns.render, used to fetch and format
the data, uses the function
In limited cases, you can also use the string form of columns. This will read the field with that name, use the default numeric ordering
See something missing? File an issue on this repo, or even better, fork this project and file a pull request!