Awesome Grid

A curated list of data grid/table libraries and resources that developers may find useful. This list focuses on JavaScript-based data grid libraries and not CSS-based grid systems for page layout. The list is ordered alphabetically by category.

Table of Contents

• Libraries
• Specific Libraries
• Frameworks
• Specific products
• Infographic Tools

Libraries

• ag-grid - Serious data grid solution for Enterprise. It supports major javascript frameworks:
  Angular 1, Angular2, Aurelia, React, VueJs, Web Components.
  It has both free and commercial licences. Free is limited on features.
• FancyGrid - JavaScript grid library with charts integration and server communication.
  There is a big form module.
  It supports major javascript frameworks:
  Angular 1, Angular2, jQuery, React, VueJs, Web Components.
• FXB Grid - Mobile-friendly and super-fast Javascript grid, with no dependencies. Comprehensive documentation and example code.
• Grid.js - Table plugin written in TypeScript. It has integrations with React, Vue, Angular and jQuery. It extends native HTML table. It does not provide many modern Enterprise grid features.
• Handsontable - JavaScript Spreadsheet excel-like table.
  It has a commercial licence. It supports major javascript frameworks: Angular 1, Angular2, React, VueJs, Web Components.
• KoolGrid - JavaScript Grid library. There are many features, declarative syntax.
• RealGrid - Professional grid library on Canvas aimed at Enterprise level but almost all documentation is written in Korean.
• SpreadJS - JavaScript Spreadsheet, Grid and Data Presentation Components. There is a .NET version.
  SpreadJS is a serious product but the documentation and samples organization is complex.
• Tabulator - Free JavaScript Table library with many features. It has integrations with Angular, React and Vue.
• RevoGrid - Free spreadsheet grid implementation as webcomponet. Handles millions of rows and columns fast and efficiently. Works in any major framework (VueJs, React, Ember, Angular) or with no framework at all.

Specific Libraries

jQuery

• appendGrid - The dynamic table input jQuery plugin. It has basic features. The design looks old.
• DataTables - Easy to use library. It is the number one grid solution on jQuery.
• Dynatable - It has basic features. Last update in 2014!
• Frappe DataTable - A simple, modern and interactive datatable library on es6. Current version is full of small bugs.
• jExcel - jExcel is is a very light jquery plugin to embed a spreadsheet, compatible with Excel, in your browser. You can load data straight to a jExcel table from a JS array, json or even a CSV file.
• jsGrid - Light grid library with basic grid features.
  The author is a former core architect of DevExpress.
• jqGrid - Variety of grid features.
• jTable - All main features and a focus on CRUD operations.
• MiniUI - A collection of widgets. There are some basic grid features. There are PHP, Java and .NET versions. All documentation is in Chinese.
• ParamQuery - Featured grid library, but many small bugs and old design. Good features realization.
• SlickGrid - Many features. There is even an infinite feature (1 000 000 rows). Themes looks out of date. Product is well known. Last update in 2014!
• Tablesorter - Small table plugin that enables sorting and several features. Mainly used to enable fast sorting on html table.

AngularJS

• ngx-datatable - A feature-rich lightweight data-table crafted for Angular2.
• ui-grid - Professional complete grid solution.

React

• Griddle - Simple grid library.
• react-bootstrap-table2 - Light table for twitter bootstrap.
• react-datagrid2 - It has basic grid features. It looks lite but it is powerful.
• React Data Grid(adazzle) - Excel-like grid component. Many features, small leaks.
• React datasheet - Simple and highly customizable excel-like spreadsheet.
• React Table - A tiny(3kb) table library with several features.
• react-virtualized
• fixed-data-table-2
• DevExtreme React Grid - High-performance plugin-based React data grid for Bootstrap and Material Design.
• react-smart-data-table - Light React data table.
• Smart Grid - Light React grid with several features.

EmberJS

• ember-table - Professional grid library from Addepar.

Vue.js

• vue-table - Vue.js component that will automatically request (JSON) data from the server and display it nicely in a html table with swappable/extensible pagination component.
• vue-tables - Small table component on Vue.js.
• Vuetiful Datatable - Vuetiful is a component framework written on Vue.js. Although it does not have documentation, site and even link with samples - it is still interesting. Link on DataTable
• DevExtreme Vue Grid - High-performance plugin-based Vue data grid

Dojo

• dgrid - Full featured, lightweight data grid library.
• DridX - Featured grid solution.

Frameworks

• DevExpress - Huge framework. It has AngularJS, Angular 2, Knockout, .NET versions.
  Grid solutions: grid, pivot, scheduler.
• DHTMLX - One of the oldest frameworks. A bit out of date with old API.
  Grid solutions: grid, pivot, scheduler, treegrid, spreadsheet.
• EasyUI - Light and fast jQuery UI library with many widgets.
  Grid solutions: grid, treegrid.
• FlexGrid - A fast and flexible JavaScript data grid with zero dependencies. FlexGrid has deep integration with frameworks like Angular, React, Vue and Web Components. It is dependable on Wijmo framework.
• Infragistics(IgniteUI) - Framework with .NET, Silverlight, Mobile, JavaScript versions. JavaScript version has name IgniteUI. It is jQuery based UI. Grid solutions: grid, treegrid, pivot.
• JQWidgets - jQuery based UI library with a full list of widgets.
  Grid solutions: grid, scheduler, treegrid.
• Sencha - The biggest JavaScript Framework. Robust API. It is the most serious market solution for developing CRM/ERP systems. Due to it's large size it is used only for SP complex solutions. No jQuery or AngularJS integrations.
  It has a material design theme since 6.2 version.
  There is a .NET version as an external product - Ext.NET.
  Grid solutions: grid with all features, tree grid, pivot, calendar, spreadsheets, infinite.
  There is a 3rd party ExtJS based Gantt and Scheduler - bryntum
• ShieldUI - UI framework with JavaScript, .NET and Java versions.
  Grid solutions: there are both basic and advanced features. But there are some bugs in the samples and has old design.
• SmartClient - The oldest project in this list. Old API, but many features.
  Grid solutions: grid with basic features.
• Syncfusion - Syncfusion offers a complete solution with 50+ components in multiple frameworks such as Angular, React, Vue, etc. Grid solutions: grid, treegrid, spreadsheet, pivot grid, gantt.
• Telerik - Telerik provides Kendo UI JS framework. Variety of widgets. It has .NET, MVC and PHP versions. It now has an AngularJS 2 version. Grid solutions: grid, scheduler, treegrid, scheduler, spreadsheet.
• Vaadin - Material design widgets on Polymer. It has AngularJS and Java versions.
  Grid solutions: modern grid with basic features with Free license(Apache 2.0).
  Important: it supports only latest browsers versions!
• Webix - Variety of widgets. It has Backbone.js, Angular 1, Angular2, VueJS and custom integrations.
  There is .NET version. Grid solutions: grid, treegrid, scheduler, pivot, spreadsheet.
• w2ui - Light framework on jQuery with just 69kb.
  Grid solutions: light grid solution.

Specific products

• Cal-Heatmap - JavaScript module to create calendar heatmap to visualize time series data.
• Elegantt - Awesome Gantt charts for Trello.
• fullcalendar - Professional JavaScript calendar and schedule library.
• productboard - Service with interesting grids inside.
• redbooth - Gantt service.
• Smartsheet - Popular cloud service to manage grid/excel.
• tablein - Multi-language restaurant table booking system. It has awesome functionality.
• wpDataTables - WordPress Table Plugin. This plugin relies on DataTables

Infographic Tools

• infogr.am - Cloud infographics tool, has light grid widget.