Open Source > ToastUI Grid > 개요

toast ui grid


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!)

intro-movie-shot

Check more detailed explanation on https://github.com/nhnent/tui.grid/wiki.

Documentation

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

Dependencies

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
  • Edge
  • Chrome
  • Firefox
  • Safari

Usage

Use npm

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(...);

Use bower

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(...);

Download

License

This software is licensed under the MIT License.