Create data table pagination on /dashboard

[frenchbread]

#183 - Related issue.

/dashboard page contains data table that displays usage logs. The data in the table is dynamic so when user does some filtering, or selects specific area on a chart, data in the table instantly updates.

Since data table is built using dc.js library, there is no pagination attached to the table "out of the box".

Definition of done

• Determine if DC uses DataTables.js
• Review, if it possible to attach pagination to dc data table
  • If not, review other solutions how data table can have pagination.
• Demonstrate working data table with pagination

[bajiat]

@frenchbread Can you please describe this task?

[JuusoV]

This can be done with Tabular Tables easily. Only issue is that we lose the dynamic functionality of DC.js. The table will show all the available data at the same time.

[frenchbread]

@JuusoV Here is the working branch where we did some refactoring. Now it can be a bit easier to attach pagination to data table.

[brylie]

I opened a feature request on the DC.js repository for integration with DataTables.js

[JuusoV]

Awesome. Great stuff guys!

[brylie]

@frenchbread please get some sample data to work with. This way we won't have to wait for a round-trip from the Elastic server. The sample data can be passed in to the parseData() function now that the code is refactored.

[frenchbread]

@brylie Here is the sample data example at gist

[JuusoV]

@frenchbread doing what he knows the best here. Really amazing job! The task is pretty much done and I will create PR asap after some cleanup.

[frenchbread]

@JuusoV Ok, no problem. Create a PR whenever it's ready. Probably will need to do some more code refactoring but it is fine for now.

[bajiat]

Thumbs up for you, guys! Thanks!