Package Exports

canvas-datagrid

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (canvas-datagrid) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Canvas Data Grid

High performance hierarchal canvas based data grid.
Support for millions of rows and columns.
Extensible styling, filtering, formatting, resizing, selecting, and ordering.
Support for touch based devices.
Full documentation with live sample code.
Style builder with built in styles.
Per user styles, settings using localStorage.
Single canvas element supporting multiple nested tree or cell grids.
Rich API of events, methods and properties optimized for CRUD, reporting and work flow applications.
Zero dependencies, very small code base, distributed as a single ~~80k (~~20k gziped) file.

Installation

You can install canvas-datagrid one of three ways:

Download the source file from github.
Use npm

npm install canvas-datagrid
Use bower

bower install canvas-datagrid

Place the single source file ./dist/canvas-datagrid.js in your web page using a script tag that points to the source or use webpack.

If you do not use a webpack a function will be added to the global scope of the web page called canvasDatagrid.

Getting started

Works with webpack or without. If used without webpack, canvasDatagrid is declared in the global scope.

var grid = canvasDatagrid({
    parentNode: document.getElementById('myHtmlElement'),
    data: [
        {col1: 'row 1 column 1', col2: 'row 1 column 2', col3: 'row 1 column 3'},
        {col1: 'row 2 column 1', col2: 'row 2 column 2', col3: 'row 2 column 3'}
    ]
});

Building

To build production version.

npm install

To build debug version

npm run-script build-dev

To build documentation

npm run-script build-docs