A dynamic scrollable table built using d3
Branch: master
Clone or download
Latest commit fa17ee4 Jan 6, 2017
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Bumped version Jan 6, 2017
.travis.yml Attempt using yml May 21, 2015
MIT-LICENCE.txt Speed improvements in Chrome Jan 4, 2017
README.md Update README.md Aug 7, 2015
bower.json Bumped version Jan 6, 2017
karma.config.js Restructure tests Aug 5, 2015
package.json Bumped version Jan 6, 2017



Build Status Coverage Status

Scrollgrid is the first fully featured grid control for web built in SVG using d3. As well as the core behaviours you would expect of any grid control, Scrollgrid also offers:

  • Dynamic viewport - meaning only the portion of the table you can see is rendered in the DOM. This gives really high performance on large data sets.
  • Multiple sticky and fixed headers and/or footers on rows and/or columns.
  • Support for custom renderers - Scrollgrid is built in d3 (the language of charting on the web) so it has simple built in support for any d3 based cell graphics (sparklines etc). It's dynamic viewport means that only a handful of cells will be rendered at a time, meaning graphics can be drawn for large datasets without any slow down.
  • Custom number/date formatters - Provide a d3 formatter or write your own to manipulate number display however you like.
  • Column sorting - Built in sorting is overridable by passing custom predicates. This means you can even sort columns with row graphics.