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.
- 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. - Bryntum Grid - A rich JS data grid component that integrates with React, Vue and Angular.
- FancyGrid - JavaScript grid library with charts integration and server communication.
There is a big form module.
It supports major javascript frameworks:
Vanilla JS, React, VueJs, jQuery. - FG-Grid - New FancyGrid version. Designed on Vanilla JS, supports TypeScript and React.
- 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 supports major javascript frameworks: Angular, React, VueJs, Web Components. - RealGrid - Professional grid library on Canvas aimed at Enterprise level but almost all documentation is written in Korean.
- RevoGrid - Free spreadsheet grid implementation as webcomponent. Handles millions of rows and columns fast and efficiently. Works in any major framework (VueJs, React, Ember, Angular) or with no framework at all.
- 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. - TanStack Table - The most downloadable data grid component over npm! It has packages for Vanilla JS, React, Angular, Vue and other frameworks.
But it does not provide styling. - Tabulator - Free JavaScript Table library with many features. It has integrations with Angular, React and Vue.
- Griddle - Simple grid library.
- MUI X Data Grid - Feature-rich data grid with an open-source license for simple projects and a commercial license for enterprise use cases. It's highly customizable but also has a native integration with Material UI.
- 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.
- BaseTable - React grid library from Autodesk.
- 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.
- ngx-datatable - A feature-rich lightweight data-table crafted for Angular2.
- ui-grid - Professional complete grid solution.
- ember-table - Professional grid library from Addepar.
- 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
- 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.
- 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
- infogr.am - Cloud infographics tool, has light grid widget.