The Toast UI Grid is a powerful widget which allows you to visualize and edit data via its table representation.

Features

• 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.

Documentation

• 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.html

You can also see the older versions of API page on the releases page.

Dependency

• jquery ~1.8.3
• underscore >=1.5.0
• backbone ~1.3.3
• tui-code-snippet ~1.2.0
• component (optional)
  • tui-component-pagination ~2.1.0
  • tui-component-date-picker ~2.1.0

You can also use lodash instead of underscore and use higher version of jquery (like v2.x.x) depending on your project.

Browser Support

• IE8~11
• Chrome
• Firefox

Download/Install

• Bower
  • Latest version: bower install tui-grid
  • Specific version: bower install tui-grid#[tagName]
• Download
  • https://github.com/nhnent/tui.grid/tree/master/dist

License

This software is licensed under the MIT License.