Nutritious Pancake Mountain

    dc.datatables

    0.0.7 • Public • Published

    dc.datatables.js

    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 DataTable, use dc.datatables.js to import the data programmatically. This should be faster and less error-prone.

    Implementation:

    • .render() creates the DataTable object and maps columns defined similar to those in dc.dataTable
    • .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 type to override this
    • columns.name, used as a unique id, is read from the label
    • columns.title, used to provide heading text, is read from the label and capitalized
    • columns.render, used to fetch and format the data, uses the function format

    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!

    Install

    npm i dc.datatables

    DownloadsWeekly Downloads

    11

    Version

    0.0.7

    License

    Apache-2.0

    Unpacked Size

    4.87 MB

    Total Files

    69

    Last publish

    Collaborators

    • gordonwoodhull