Skip to content

statico/awesome-javascript-grids

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

421 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Awesome JavaScript Grids Awesome

Spreadsheet and data grid libraries for the web's major JavaScript frameworks.

Screenshot of the Awesome JavaScript Grids web interface

Tip

View this list interactively at jsgrids.statico.io — search and filter every library below by framework, features, popularity, license, and bundle size.

Contents

Libraries

  • ag-Grid - A feature-rich JavaScript data grid supporting React, Angular, Vue, and vanilla JavaScript, with virtualization, editing, grouping, and aggregation.
  • Angular UI Grid - A data grid for AngularJS; part of the AngularUI suite.
  • AntV S2 - A practical visualization library for tabular analysis with support for up to millions of data.
  • bilig - A headless TypeScript spreadsheet engine and WorkPaper API for Node services, coding agents, and server-side workbook automation.
  • Bryntum Grid - A high-performance table component built with pure JavaScript that works with any framework.
  • BW DataTable - High-performance virtual scrolling data table with zero dependencies.
  • canvas-datagrid - Excel-like data grid with a rich API, extensible styling, small file size, and native support for touch devices.
  • Cheetah Grid - High-performance JavaScript data table component that works on canvas.
  • DataGridXL - An Excel-like JavaScript data grid library with support for up to 1 million cells.
  • DataTables - A highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table.
  • DevExtreme - A JavaScript data grid with server-side filtering, paging, sorting, grouping, and summary computations for large datasets.
  • DHTMLX Grid - Professional JavaScript data grid widget by DHTMLX.
  • Dice UI Data Table - Extension of the shadcn/ui data table component with advanced filtering, URL state management, server-side support, and more.
  • Ember Table - An addon to support large data set and a number of features around table.
  • FancyGrid - JavaScript grid library with charts integration and server communication.
  • Fixed Data Table 2 - A continuation of Facebook's fixed-data-table, maintained by Schrodinger.
  • Flexmonster - A JavaScript pivot table component for reporting on and visualizing tabular data.
  • FortuneSheet - A drop-in JavaScript spreadsheet library that provides rich features like Excel and Google Sheets.
  • Frappe DataTable - Modern datatable library for the web.
  • Functional Data Grid - This is a library made with React and React-Virtualized for creating rich data grids.
  • Glide Data Grid - A fast React data grid with rich cell rendering and TypeScript support.
  • Grid.js - A free and open-source HTML table plugin written in TypeScript.
  • GridSheet - A modern, extensible spreadsheet engine for the web.
  • Handsontable - JavaScript data grid that looks and feels like a spreadsheet.
  • Highcharts Grid - A grid component for viewing, interacting with, and editing tabular data, available in free Lite and paid Pro versions.
  • HighTable - A dynamic windowed scrolling table component for React.
  • Ignite UI - A comprehensive library of React components for building modern, data-rich, and responsive web applications.
  • jqGrid - An Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web.
  • jQWidgets - A comprehensive JavaScript UI library with 70+ widgets built entirely from scratch.
  • Jspreadsheet CE - A lightweight vanilla JavaScript plugin (formerly Jexcel) to create amazing web-based online interactive tables and spreadsheets compatible with other spreadsheet softwares.
  • Jspreadsheet Pro - Jspreadsheet is a lightweight Vanilla JavaScript plugin that help developers to create exceptional web-based interactive data grid with spreadsheet controls.
  • Kendo UI for Angular - An Angular data grid with 100+ features including paging, sorting, filtering, editing, grouping, virtualization, accessibility, and export to PDF and Excel.
  • Kendo UI for Vue - A Vue data grid with 100+ features including paging, sorting, filtering, editing, grouping, virtualization, accessibility, and export to PDF and Excel.
  • Kendo UI Grid - An HTML5 and jQuery data grid with 100+ features including paging, sorting, filtering, editing, grouping, virtualization, globalization, RTL, and export to PDF and Excel.
  • Kendo UI Spreadsheet - Kendo UI's Spreadsheet allows you to edit and visualize tabular data by using cell formatting options, styles, and themes.
  • KendoReact Data Grid - A React data grid with 100+ features including paging, sorting, filtering, editing, grouping, virtualization, accessibility, and export to PDF and Excel.
  • Lemonade Data Grid - The LemonadeJS data grid is a lightweight and highly customizable JavaScript component that provides a solution for rendering data in rows and columns.
  • LyteNyte Grid - A ~40 KB, zero-dependency React data grid engineered for high performance and enterprise-scale datasets.
  • Mantine React Table - A fully featured Mantine V7 implementation of TanStack React Table V8, forked from Material React Table.
  • Material React Table - A fully featured Material UI V6 implementation of TanStack React Table V8, written from the ground up in TypeScript.
  • MUI X Data Grid - A React data grid for data-rich applications, with sorting, filtering, pagination, editing, and virtualization.
  • ngx-datatable - A feature-rich yet lightweight data table component for Angular.
  • ParamQuery - An open source initiative for the web whose easy to use interface is inspired by MS Excel and Google spreadsheets.
  • React Base Table - A react table component to display large datasets with high performance and flexibility.
  • React Data Grid - Excel-like data grid component built with React.
  • React Datasheet Grid - An Airtable-like / Excel-like component to create beautiful spreadsheets in React.
  • React Spreadsheet Grid - An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns.
  • React-Pivot - A data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
  • react-window - React components for efficiently rendering large lists and tabular data.
  • Revo Grid - A spreadsheet-like data grid component built on modern reactivity concepts, with virtualization and extensive customization.
  • Sencha Ext JS - A collection of high-performance, customizable UI widgets including HTML5 grids, trees, lists, forms, menus, toolbars, panels, and windows.
  • Sencha ExtAngular - ExtAngular includes a comprehensive set of 115+ components for Angular developers, including grid, tree grid, pivot grid, charts, D3 visualizations, trees, calendar, buttons, menus and more.
  • Sencha ExtReact - A set of 115+ React components including grid, tree grid, pivot grid, charts, D3 visualizations, trees, calendar, buttons, and menus designed to work together.
  • Sensei Grid - Simple data grid library written in JavaScript.
  • shadcn-table - A powerful shadcn table component with server-side sorting, filtering, and pagination.
  • shadcn/ui Data Table - Powerful table and datagrids built using TanStack Table with shadcn/ui components.
  • SlickGrid - An open-source, client-side JavaScript grid control that binds to an external data source and is compatible with a wide range of data-centric frameworks.
  • Smart.Grid - A Data Grid component which displays tabular data.
  • SpreadJS - An Excel-like JavaScript spreadsheet component with no dependency on Excel, for building financial, scientific, and business applications.
  • SVAR DataGrid - A lightweight and blazing-fast data grid component with a rich feature set including in-cell editing, sorting, filtering, virtual scrolling, pagination, keyboard navigation, and special helper for…
  • SyncFusion DataGrid - HTML5/JavaScript Grid/DataGrid is a feature-rich control for displaying data in a tabular format.
  • TablixJS - A lightweight, dependency-free JavaScript library for building powerful, responsive data tables.
  • Tabulator - An interactive table library that builds tables from HTML tables, JavaScript arrays, AJAX sources, or JSON data.
  • TanStack Table - Headless UI for building powerful tables & datagrids for React, Solid, Vue, Svelte and TS/JS.
  • TOAST UI Grid - A powerful widget which allows you to visualize and edit data via its table representation.
  • Toolbox Grid - A zero-dependency, framework-agnostic data grid web component with virtualization, sorting, filtering, editing, and 20+ plugins.
  • Univer - An isomorphic, full-stack framework for creating and editing spreadsheets, documents, and presentations.
  • VanillaGrid - A tiny dependency-free data grid library written in vanilla JavaScript with TypeScript support.
  • VisActor VTable - A high-performance grid component for multidimensional data analysis and tabular visualization.
  • w2ui - A modern and intuitive JavaScript UI library for building rich data-driven web applications.
  • Webix Grid - A JavaScript data grid with a rich API and extensive customization options.
  • Wijmo FlexGrid - A JavaScript data grid component with editing, sorting, filtering, grouping, and Excel-style features, with support for major frameworks.
  • Wijmo Grid - Enterprise-grade JavaScript data grid component by GrapeCity.
  • ZingGrid - A JavaScript Web Component data grid and table library built with ES6 and native web components.

Motivation

I build a lot of internal tools for data auditing and workflows, and every few months I end up looking for the best data grid or spreadsheet-like library for JavaScript. Other lists and sites are out of date and unmaintained. My goal here is to make the best list for all data grid and spreadsheet libraries for the top JavaScript frontend frameworks (1, 2).

Contributing

Contributions are welcome! See contributing.md for how to add a library and run the project locally.