{"id":3507,"url":"https://github.com/fancygrid/awesome-grid","name":"awesome-grid","description":"A curated list of grid(table) libraries and resources that developers may find useful.","projects_count":73,"last_synced_at":"2026-07-01T13:00:25.936Z","repository":{"id":41117500,"uuid":"58211936","full_name":"FancyGrid/awesome-grid","owner":"FancyGrid","description":"A curated list of grid(table) libraries and resources that developers may find useful.","archived":false,"fork":false,"pushed_at":"2025-07-11T13:44:36.000Z","size":134,"stargazers_count":1624,"open_issues_count":14,"forks_count":113,"subscribers_count":56,"default_branch":"master","last_synced_at":"2026-06-14T04:02:06.740Z","etag":null,"topics":["angular","awesome","awesome-list","datagrid","ember","grid","javascript","jquery","react","spreadsheet","vue"],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FancyGrid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2016-05-06T14:13:31.000Z","updated_at":"2026-06-06T16:41:19.000Z","dependencies_parsed_at":"2024-01-06T00:04:29.823Z","dependency_job_id":"d4074408-19c4-4aa8-8fe8-bb4417a50af1","html_url":"https://github.com/FancyGrid/awesome-grid","commit_stats":{"total_commits":140,"total_committers":19,"mean_commits":7.368421052631579,"dds":"0.17142857142857137","last_synced_commit":"65d3606b541cff4f7a6b85b8ce6a3eeed0d2d213"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/FancyGrid/awesome-grid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2Fawesome-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2Fawesome-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2Fawesome-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2Fawesome-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FancyGrid","download_url":"https://codeload.github.com/FancyGrid/awesome-grid/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2Fawesome-grid/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35007278,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-01T02:00:05.325Z","response_time":130,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-06T00:04:24.348Z","updated_at":"2026-07-01T13:00:25.937Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Specific Libraries","Libraries","Frameworks","Specific products","Infographic Tools"],"sub_categories":["React","jQuery","Dojo","AngularJS","Vue.js","EmberJS","Angular"],"readme":"![](http://fancygrid.com/img/awesome.png)\n# Awesome Grid\n\n\u003e 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.\n\n[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n## Table of Contents\n*  [Libraries](#libraries)\n*  [Specific Libraries](#specific-libraries)\n*  [Frameworks](#frameworks)\n*  [Specific products](#specific-products)\n*  [Infographic Tools](#infographic-tools)\n\n## Libraries\n* [ag-grid](http://ag-grid.com/) - Serious data grid solution for Enterprise. It supports major javascript frameworks:  \nAngular 1, Angular2, Aurelia, React, VueJs, Web Components.  \nIt has both free and commercial licences.  Free is limited on features.\n* [Bryntum Grid](https://bryntum.com/products/grid/) - A rich JS data grid component that integrates with React, Vue and Angular.  \n* [FancyGrid](http://fancygrid.com/) - JavaScript grid library with charts integration and server communication.  \nThere is a big form module.  \nIt supports major javascript frameworks:  \nVanilla JS, React, VueJs, jQuery.\n* [FG-Grid](https://fg-grid.com) - New FancyGrid version. Designed on Vanilla JS, supports TypeScript and React.\n* [Highcharts Grid Lite](https://www.highcharts.com/products/grid/) - Light grid solution from famous chart library HighCharts.  \nIt is well integrated with HighCharts and has some nice dataviz features.\n* [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 \nmany modern Enterprise grid features.\n* [Handsontable](http://handsontable.com/) - JavaScript Spreadsheet excel-like table.  \n It supports major javascript frameworks: Angular, React, VueJs, Web Components.  \n* [RealGrid](http://www.realgrid.com/) - Professional grid library on Canvas aimed at Enterprise level but almost all documentation is written in Korean.  \n* [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.\n* [SpreadJS](http://spread.grapecity.com/spreadjs/) - JavaScript Spreadsheet, Grid and Data Presentation Components. There is a .NET version.  \nSpreadJS is a serious product but the documentation and samples organization is complex.  \n* [TanStack Table](https://tanstack.com/table/) - The most downloadable data grid component over npm! It has packages for Vanilla JS, React, Angular, Vue and other frameworks.  \nBut it does not provide styling.  \n* [Tabulator](http://tabulator.info/) - Free JavaScript Table library with many features. It has integrations with Angular, React and Vue.  \n\n## Specific Libraries\n### React\n* [Griddle](http://griddlegriddle.github.io/Griddle/) - Simple grid library.  \n* [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.\n* [react-bootstrap-table2](https://react-bootstrap-table.github.io/react-bootstrap-table2) - Light table for twitter bootstrap.  \n* [react-datagrid2](https://github.com/stevelacy/react-datagrid2) - It has basic grid features. It looks lite but it is powerful.  \n* [React Data Grid(adazzle)](http://adazzle.github.io/react-data-grid/) - Excel-like grid component. Many features, small leaks.  \n* [React datasheet](https://nadbm.github.io/react-datasheet) - Simple and highly customizable excel-like spreadsheet.  \n* [React Table](https://github.com/tannerlinsley/react-table) - A tiny(3kb) table library with several features.\n* [react-virtualized](https://bvaughn.github.io/react-virtualized)\n* [fixed-data-table-2](http://schrodinger.github.io/fixed-data-table-2/)\n* [DevExtreme React Grid](https://devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based React data grid for Bootstrap and Material Design.\n* [react-smart-data-table](https://github.com/joaocarmo/react-smart-data-table) - Light React data table.\n* [Smart Grid](https://mukuljainx.github.io/smart-grid/) - Light React grid with several features.\n* [BaseTable](https://autodesk.github.io/react-base-table/) - React grid library from Autodesk.\n\n### Vue.js\n* [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.\n* [vue-tables](https://github.com/matfish2/vue-tables) - Small table component on Vue.js.\n* [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)\n* [DevExtreme Vue Grid](https://devexpress.github.io/devextreme-reactive/vue/grid/) - High-performance plugin-based Vue data grid\n\n### Angular \n* [IgxGrid](https://www.infragistics.com/products/ignite-ui-angular) - A complete and high-performance Angular data grid by Infragistics. Supports virtual scrolling, sorting, filtering, grouping, editing, export, drag \u0026 drop, and responsive design. Ideal for enterprise-grade Angular applications.\n\n### jQuery\n* [appendGrid](http://appendgrid.apphb.com/) - The dynamic table input jQuery plugin. It has basic features. The design looks old.  \n* [DataTables](http://datatables.net/) - Easy to use library. It is the number one grid solution on jQuery.  \n* [Dynatable](http://dynatable.com/) - It has basic features. Last update in 2014!  \n* [Frappe DataTable](https://frappe.io/datatable) - A simple, modern and interactive datatable library on es6. Current version is full of small bugs.  \n* [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.  \n* [jsGrid](http://js-grid.com/) - Light grid library with basic grid features.  \nThe author is a former core architect of [DevExpress](http://js.devexpress.com/).\n* [jqGrid](http://trirand.com/) - Variety of grid features.  \n* [jTable](https://github.com/hikalkan/jtable) - All main features and a focus on CRUD operations.\n* [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.\n* [ParamQuery](http://paramquery.com/) - Featured grid library, but many small bugs and old design.\nGood features realization.\n* [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!\n* [Tablesorter](https://github.com/christianbach/tablesorter) - Small table plugin that enables sorting and several features.  Mainly used to enable fast sorting on html table.  \n\n### AngularJS\n* [ngx-datatable](https://swimlane.gitbooks.io/ngx-datatable/) - A feature-rich lightweight data-table crafted for Angular2.\n* [ui-grid](http://ui-grid.info/) - Professional complete grid solution.\n\n### EmberJS\n* [ember-table](https://github.com/addepar/ember-table) - Professional grid library from [Addepar](https://www.addepar.com/).  \n  \n### Dojo\n* [dgrid](http://dgrid.io/) - Full featured, lightweight data grid library.  \n* [DridX](http://oria.github.io/gridx/) - Featured grid solution.  \n\n## Frameworks\n* [DevExpress](http://js.devexpress.com/) - Huge framework. It has AngularJS, Angular 2, Knockout, .NET versions.  \nGrid solutions: grid, pivot, scheduler.\n* [DHTMLX](http://dhtmlx.com/) - One of the oldest frameworks. A bit out of date with old API.  \nGrid solutions: grid, pivot, scheduler, treegrid, spreadsheet.\n* [EasyUI](http://www.jeasyui.com/) - Light and fast jQuery UI library with many widgets.  \nGrid solutions: grid, treegrid.\n* [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.  \n* [Infragistics(IgniteUI)](http://infragistics.com/products/jquery) - Framework with .NET, Silverlight, Mobile, JavaScript versions. JavaScript version has name IgniteUI. It is jQuery based UI.\nGrid solutions: grid, treegrid, pivot.\n* [JQWidgets](http://www.jqwidgets.com/) - jQuery based UI library with a full list of widgets.  \nGrid solutions: grid, scheduler, treegrid.\n* [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.  \nIt has a material design theme since 6.2 version.  \nThere is a .NET version as an external product - [Ext.NET](http://ext.net/).  \nGrid solutions: grid with all features, tree grid, pivot, calendar, spreadsheets, infinite.  \nThere is a 3rd party ExtJS based Gantt and Scheduler - [bryntum](http://bryntum.com)\n* [ShieldUI](http://www.shieldui.com/) - UI framework with JavaScript, .NET and Java versions.  \nGrid solutions: there are both basic and advanced features. But there are some bugs in the samples and has old design.  \n* [SmartClient](http://www.smartclient.com/) - The oldest project in this list. Old API, but many features.  \nGrid solutions: grid with basic features.\n* [Syncfusion](https://www.syncfusion.com/products/javascript/) - Syncfusion offers a complete solution with 50+ components in multiple frameworks such as Angular, React, Vue, etc.\nGrid solutions: grid, treegrid, spreadsheet, pivot grid, gantt.\n* [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.\nGrid solutions: grid, scheduler, treegrid, scheduler, spreadsheet.\n* [Vaadin](http://vaadin.com/) - Material design widgets on Polymer. It has AngularJS and Java versions.   \nGrid solutions: modern grid with basic features with Free license(Apache 2.0).  \nImportant: it supports only latest browsers versions!\n* [Webix](http://webix.com/) - Variety of widgets. It has Backbone.js, Angular 1, Angular2, VueJS and custom integrations.  \nThere is .NET version.\nGrid solutions: grid, treegrid, scheduler, pivot, spreadsheet.\n* [w2ui](http://w2ui.com/) - Light framework on jQuery with just 69kb.  \nGrid solutions: light grid solution.\n\n## Specific products\n* [Cal-Heatmap](http://cal-heatmap.com/) - JavaScript module to create calendar heatmap to visualize time series data.\n* [Elegantt](https://elegantt.com/) - Awesome Gantt charts for Trello.\n* [fullcalendar](http://fullcalendar.io) - Professional JavaScript calendar and schedule library.\n* [productboard](https://productboard.com) - Service with interesting grids inside.\n* [redbooth](http://redbooth.com) - Gantt service.\n* [Smartsheet](https://smartsheet.com) - Popular cloud service to manage grid/excel.\n* [tablein](http://tablein.com) - Multi-language restaurant table booking system. It has awesome functionality.\n* [wpDataTables](http://wpdatatables.com/) - WordPress Table Plugin. This plugin relies on [DataTables](http://datatables.net/)\n\n## Infographic Tools\n* [infogr.am](http://infogr.am) - Cloud infographics tool, has light grid widget.\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/fancygrid%2Fawesome-grid/projects"}