node package manager


Build Status

fin-hypergrid is an ultra-fast HTML5 grid presentation layer, achieving its speed by rendering (in a canvas tag) only the currently visible portion of your (virtual) grid, thus avoiding the latency and life-cycle issues of building, walking, and maintaining a complex DOM structure. Please be sure to checkout our design overview

Below is an example custom application built ontop of the Hypergrid API tooling. It also highlights a DOM based custom external editor triggered via hypergrid events as well as interaction with Hypergrid's column ordering API

Table of Contents

Current Release (1.3.0 - 7 February 2017)

The current version 1.0 replaces last year's prototype version, which was built around Polymer. It is now completely "de-polymerized" and is being made available as:

For a complete list of changes, see the release notes.


Sample demo

Here is an application that demos various features.


Hyperblotter is a demo app that shows the capabilities of both OpenFin and Hypergrid.

Check out the Table view on Hyperblotter on a Windows machine via this installer.



Please use github issues or email to report problems

We invite everyone to test the alpha branch for changes going into the next release

Find more infomation on our testing page

Developer Documentation

Primarily our tutorials will be on the wiki.

We are also maintaining online API documentation for all public objects and modules. This documentation is necessarily a on-going work-in-progress.

(Cell editor information can be found here.)

(Cell Rendering information can be found here.)

Hypergrid global configurations can be found here.


Documentation - Wiki

  • Selection Model
  • Merge Cells
  • Hierarchical rows/columns
  • Localization & Formatter
  • Scroll bars
  • Freezing Columns
  • Columns Object
  • Calculated Columns
  • Column Oriented DataSource
  • Rendering strategies
  • Handle Extra Space
  • Hidden Column Rows
  • Serialized State Format and Usage


  • Configurable mouse wheel scrolling sensitivity
  • Complete API get/set State
  • Consume Native CSS Styling
  • Remove Filter Cell from core and provide example
  • Remove Column Picker from core and provide example
  • Bugs


Developers interested in contributing to this project should review our contributing guide before making pull requests.