The Toast UI Grid is a powerful widget which allows you to visualize and edit data via its table representation.
- Various input types (checkbox, radio, select, password, etc)
- Full keyboard navigation (move, select, copy, paste, delete, etc)
- Virtual scrolling (Handling large dataset without performance loses)
- Copy & Paste using clipboard with 3rd party application (Like MS-Excel or Google-spreadsheet)
- Column resize & reorder & show & hide
- Multi column headers
- Custom cell formatter & converter
- Inline Editing
- Validation
- Selection
- Pagination
- Picking date
- Sorting
- Merging cell
- Frozen(Pinned) columns
- Relation between each columns
- Binding to remote data
The video below shows the major features of Toast UI Grid briefly.
(Click the image to play!)
Check more detailed explanation on https://github.com/nhnent/tui.grid/wiki.
- API : https://nhnent.github.io/tui.grid/api
- Tutorial : https://github.com/nhnent/tui.grid/wiki/Getting-Started
- Example : https://nhnent.github.io/tui.grid/api/tutorial-example01-basic.html
You can also see the older versions of API page on the releases page.
- jquery >=1.11.0
- underscore >=1.8.3
- backbone >=1.3.3
- tui-code-snippet >=1.2.5
- component (optional)
- tui-pagination >=3.0.0
- tui-date-picker >=3.0.0
You can also use lodash instead of underscore and use higher version of jquery (like v2.x.x) depending on your project.
- IE8~11
- Edge
- Chrome
- Firefox
- Safari
Install the latest version using npm
command:
$ npm install tui-grid --save
or want to install the each version:
$ npm install tui-grid@<version> --save
To access as module format in your code:
var Grid = require('tui-grid');
var instance = new Grid(...);
Install the latest version using bower
command:
$ bower install tui-grid
or want to install the each version:
$ bower install tui-grid#<tag>
To access as namespace format in your code:
var instance = new tui.Grid(...);
This software is licensed under the MIT License.