Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/FancyGrid/awesome-grid

A curated list of grid(table) libraries and resources that developers may find useful.
https://github.com/FancyGrid/awesome-grid

List: awesome-grid

angular awesome awesome-list datagrid ember grid javascript jquery react spreadsheet

Last synced: 16 days ago
JSON representation

A curated list of grid(table) libraries and resources that developers may find useful.

Awesome Lists containing this project

README 

        
![](http://fancygrid.com/img/awesome.png)

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



[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)



## Table of Contents

*  [Libraries](#libraries)

*  [Specific Libraries](#specific-libraries)

*  [Frameworks](#frameworks)

*  [Specific products](#specific-products)

*  [Infographic Tools](#infographic-tools)



## Libraries

* [ag-grid](http://ag-grid.com/) - 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](https://bryntum.com/products/grid/) - A rich JS data grid component that integrates with React, Vue and Angular.  

* [FancyGrid](http://fancy-grid.com/) - JavaScript grid library with charts integration and server communication.  

There is a big form module.  

It supports major javascript frameworks:  

Angular, jQuery, React, VueJs, Web Components.   

* [Grid.js](http://gridjs.io/) - 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](http://handsontable.com/) - JavaScript Spreadsheet excel-like table.  

 It supports major javascript frameworks: Angular, React, VueJs, Web Components.  

* [RealGrid](http://www.realgrid.com/) - Professional grid library on Canvas aimed at Enterprise level but almost all documentation is written in Korean.  

* [RevoGrid](https://revolist.github.io/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](http://spread.grapecity.com/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](http://tabulator.info/) - Free JavaScript Table library with many features. It has integrations with Angular, React and Vue.



## Specific Libraries

### jQuery

* [appendGrid](http://appendgrid.apphb.com/) - The dynamic table input jQuery plugin. It has basic features. The design looks old.  

* [DataTables](http://datatables.net/) - Easy to use library. It is the number one grid solution on jQuery.  

* [Dynatable](http://dynatable.com/) - It has basic features. Last update in 2014!  

* [Frappe DataTable](https://frappe.io/datatable) - A simple, modern and interactive datatable library on es6. Current version is full of small bugs.  

* [jExcel](https://github.com/paulhodel/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](http://js-grid.com/) - Light grid library with basic grid features.  

The author is a former core architect of [DevExpress](http://js.devexpress.com/).

* [jqGrid](http://trirand.com/) - Variety of grid features.  

* [jTable](https://github.com/hikalkan/jtable) - All main features and a focus on CRUD operations.

* [MiniUI](http://miniui.com) - A collection of widgets. There are some basic grid features. There are PHP, Java and .NET versions. All documentation is in Chinese.

* [ParamQuery](http://paramquery.com/) - Featured grid library, but many small bugs and old design.

Good features realization.

* [SlickGrid](https://github.com/mleibman/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](https://github.com/christianbach/tablesorter) - Small table plugin that enables sorting and several features.  Mainly used to enable fast sorting on html table.  



### AngularJS

* [ngx-datatable](https://swimlane.gitbooks.io/ngx-datatable/) - A feature-rich lightweight data-table crafted for Angular2.

* [ui-grid](http://ui-grid.info/) - Professional complete grid solution.



### React

* [Griddle](http://griddlegriddle.github.io/Griddle/) - Simple grid library.  

* [MUI X Data Grid](https://mui.com/x/react-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](https://react-bootstrap-table.github.io/react-bootstrap-table2) - Light table for twitter bootstrap.  

* [react-datagrid2](https://github.com/stevelacy/react-datagrid2) - It has basic grid features. It looks lite but it is powerful.  

* [React Data Grid(adazzle)](http://adazzle.github.io/react-data-grid/) - Excel-like grid component. Many features, small leaks.  

* [React datasheet](https://nadbm.github.io/react-datasheet) - Simple and highly customizable excel-like spreadsheet.  

* [React Table](https://github.com/tannerlinsley/react-table) - A tiny(3kb) table library with several features.

* [react-virtualized](https://bvaughn.github.io/react-virtualized)

* [fixed-data-table-2](http://schrodinger.github.io/fixed-data-table-2/)

* [DevExtreme React Grid](https://devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based React data grid for Bootstrap and Material Design.

* [react-smart-data-table](https://github.com/joaocarmo/react-smart-data-table) - Light React data table.

* [Smart Grid](https://mukuljainx.github.io/smart-grid/) - Light React grid with several features.

* [BaseTable](https://autodesk.github.io/react-base-table/) - React grid library from Autodesk.



### EmberJS

* [ember-table](https://github.com/addepar/ember-table) - Professional grid library from [Addepar](https://www.addepar.com/).  



### Vue.js

* [vue-table](https://github.com/ratiw/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](https://github.com/matfish2/vue-tables) - Small table component on Vue.js.

* [Vuetiful Datatable](https://github.com/andrewcourtice/vuetiful) - 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](http://codepen.io/andrewcourtice/full/woQzpa)

* [DevExtreme Vue Grid](https://devexpress.github.io/devextreme-reactive/vue/grid/) - High-performance plugin-based Vue data grid



### Dojo

* [dgrid](http://dgrid.io/) - Full featured, lightweight data grid library.  

* [DridX](http://oria.github.io/gridx/) - Featured grid solution.  



## Frameworks

* [DevExpress](http://js.devexpress.com/) - Huge framework. It has AngularJS, Angular 2, Knockout, .NET versions.  

Grid solutions: grid, pivot, scheduler.

* [DHTMLX](http://dhtmlx.com/) - One of the oldest frameworks. A bit out of date with old API.  

Grid solutions: grid, pivot, scheduler, treegrid, spreadsheet.

* [EasyUI](http://www.jeasyui.com/) - Light and fast jQuery UI library with many widgets.  

Grid solutions: grid, treegrid.

* [FlexGrid](https://www.grapecity.com/en/wijmo-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)](http://infragistics.com/products/jquery) - Framework with .NET, Silverlight, Mobile, JavaScript versions. JavaScript version has name IgniteUI. It is jQuery based UI.

Grid solutions: grid, treegrid, pivot.

* [JQWidgets](http://www.jqwidgets.com/) - jQuery based UI library with a full list of widgets.  

Grid solutions: grid, scheduler, treegrid.

* [Sencha](http://sencha.com/) - 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](http://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](http://bryntum.com)

* [ShieldUI](http://www.shieldui.com/) - 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](http://www.smartclient.com/) - The oldest project in this list. Old API, but many features.  

Grid solutions: grid with basic features.

* [Syncfusion](https://www.syncfusion.com/products/javascript/) - 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](http://www.telerik.com/) - 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](http://vaadin.com/) - 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](http://webix.com/) - 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](http://w2ui.com/) - Light framework on jQuery with just 69kb.  

Grid solutions: light grid solution.



## Specific products

* [Cal-Heatmap](http://cal-heatmap.com/) - JavaScript module to create calendar heatmap to visualize time series data.

* [Elegantt](https://elegantt.com/) - Awesome Gantt charts for Trello.

* [fullcalendar](http://fullcalendar.io) - Professional JavaScript calendar and schedule library.

* [productboard](https://productboard.com) - Service with interesting grids inside.

* [redbooth](http://redbooth.com) - Gantt service.

* [Smartsheet](https://smartsheet.com) - Popular cloud service to manage grid/excel.

* [tablein](http://tablein.com) - Multi-language restaurant table booking system. It has awesome functionality.

* [wpDataTables](http://wpdatatables.com/) - WordPress Table Plugin. This plugin relies on [DataTables](http://datatables.net/)



## Infographic Tools

* [infogr.am](http://infogr.am) - Cloud infographics tool, has light grid widget.