Open Source > NHN Cloud UI Grid > 개요

NHN Cloud ui grid

The NHN Cloud 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 NHN Cloud UI Grid briefly.
(Click the image to play!)


Check more detailed explanation on


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


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


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



This software is licensed under the MIT License.