10 Best JavaScript Grid Libraries

List hand-picked by Openbase Experts
Learn More

ag-grid-community

ag-grid-community

The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
9.3K
Weekly Downloads
400K
Last Commit
9mos ago
User Rating
4.4/ 5
20
Top Feedback
5Easy to Use
4Great Documentation
3Performant
ag-grid-react

ag-grid-react

The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
9.3K
Weekly Downloads
211K
Last Commit
9mos ago
User Rating
4.4/ 5
5
Top Feedback
5Great Documentation
4Easy to Use
3Performant
@mui/x-data-grid

@mui/x-data-grid

MUI X: Advanced and powerful React components for complex use-cases.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2.1K
Weekly Downloads
413K
Last Commit
9mos ago
User Rating
4.5/ 5
4
Top Feedback
3Easy to Use
3Performant
2Great Documentation
tt

tabulator-tables

Interactive Tables and Data Grids for JavaScript

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
5.1K
Weekly Downloads
63.6K
Last Commit
9mos ago
User Rating
4.8/ 5
9
Top Feedback
5Great Documentation
2Easy to Use
1Highly Customizable
rv

react-virtuoso

The most powerful virtual list component for React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
3.1K
Weekly Downloads
337K
Last Commit
9mos ago
User Rating
5.0/ 5
5
Top Feedback
3Great Documentation
3Performant
2Easy to Use
angular-ui-grid

angular-ui-grid

UI Grid: an Angular Data Grid

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
5.4K
Weekly Downloads
71.8K
Last Commit
9mos ago
User Rating
5.0/ 5
1
Top Feedback
gridstack

gridstack

Build interactive dashboards in minutes.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
4.4K
Weekly Downloads
100K
Last Commit
7mos ago
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Highly Customizable
1Hard to Use
@angular/flex-layout

@angular/flex-layout

Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API

MIT
TypeScript Icon
TypeScript Definitions: Built-In
TypeScript Icon
Deprecated
GitHub Stars
5.9K
Weekly Downloads
320K
Last Commit
10mos ago
User Rating
4.4/ 5
21
Top Feedback
2Highly Customizable
2Poor Documentation
1Great Documentation
rv

react-virtualized

React components for efficiently rendering large lists and tabular data

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
24.4K
Weekly Downloads
1.4M
Last Commit
9mos ago
User Rating
4.7/ 5
65
Top Feedback
7Great Documentation
6Highly Customizable
4Bleeding Edge
jqg

jqGrid

jQuery grid plugin

Unknown
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
2.8K
Weekly Downloads
875
Last Commit
9mos ago
User Rating
5.0/ 5
1
Top Feedback
@carbon/grid

@carbon/grid

A design system built by IBM

Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
6.1K
Weekly Downloads
76.1K
Last Commit
9mos ago
User Rating
3.0/ 5
1
Top Feedback
1Easy to Use
1Highly Customizable
tui-grid

tui-grid

🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer!

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2.1K
Weekly Downloads
1.7K
Last Commit
8mos ago
User Rating
5.0/ 5
1
Top Feedback
tbg

tailwind-bootstrap-grid

Tailwind CSS plugin that generates Bootstrap's flexbox grid

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
86
Weekly Downloads
2.3K
Last Commit
9mos ago
User Rating
5.0/ 5
1
Top Feedback
jf

jquery.fancytree

JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
2.5K
Weekly Downloads
10.5K
Last Commit
9mos ago
User Rating
5.0/ 5
1
Top Feedback
1Performant
1Highly Customizable
@swimlane/ngx-datatable

@swimlane/ngx-datatable

✨ A feature-rich yet lightweight data-table crafted for Angular

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
4.5K
Weekly Downloads
90.2K
Last Commit
10mos ago
User Rating
4.7/ 5
6
Top Feedback
3Great Documentation
3Easy to Use
2Performant
react-data-grid

react-data-grid

Feature-rich and customizable data grid React component

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5.7K
Weekly Downloads
74.3K
Last Commit
9mos ago
User Rating
3.5/ 5
2
Top Feedback
2Poor Documentation
1Easy to Use
rgl

react-grid-layout

A draggable and resizable grid layout with responsive breakpoints, for React.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
12.9K
Weekly Downloads
342K
Last Commit
User Rating
4.7/ 5
10
Top Feedback
5Great Documentation
5Easy to Use
2Performant
rd

react-datasheet

Excel-like data grid (table) component for React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5K
Weekly Downloads
23K
Last Commit
10mos ago
User Rating
5.0/ 5
1
Top Feedback
react-foundation

react-foundation

Foundation as React components.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
595
Weekly Downloads
3.4K
Last Commit
7mos ago
User Rating
5.0/ 5
1
Top Feedback
rmc

react-masonry-css

React Masonry layout component powered by CSS, dependancy free

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
693
Weekly Downloads
67.9K
Last Commit
2yrs ago
User Rating
5.0/ 5
2
Top Feedback
vue-grid-layout

vue-grid-layout

A draggable and resizable grid layout, for Vue.js.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
6K
Weekly Downloads
41.3K
Last Commit
9mos ago
User Rating
4.3/ 5
3
Top Feedback
1Great Documentation
1Easy to Use
1Slow
ag

angular-gridster2

Angular gridster 2

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.2K
Weekly Downloads
83.4K
Last Commit
9mos ago
User Rating
4.0/ 5
2
Top Feedback
rsf

react-styled-flexboxgrid

Grid system based on styled-components and flexbox for React

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
556
Weekly Downloads
19.9K
Last Commit
2yrs ago
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
rns

react-native-super-grid

Responsive Grid View for React Native

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
Weekly Downloads
12.1K
Last Commit
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
vt2

vue-tables-2

Vue.js 2 grid components

GPLv3
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.5K
Weekly Downloads
10.8K
Last Commit
1yr ago
User Rating
5.0/ 5
1
Top Feedback
datatables

datatables

Tables plug-in for jQuery

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
7K
Weekly Downloads
40.1K
Last Commit
10mos ago
User Rating
4.5/ 5
4
Top Feedback
1Great Documentation
gridjs

gridjs

Advanced table plugin

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
3.7K
Weekly Downloads
13.8K
Last Commit
10mos ago
User Rating
4.4/ 5
5
Top Feedback
4Highly Customizable
3Easy to Use
2Great Documentation
jsg

jsgrid

Lightweight Grid jQuery Plugin

{"type":"MIT","url":"https://github.com/tabalinas/jsgrid/blob/master/LICENSE"}
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.5K
Weekly Downloads
24.3K
Last Commit
2yrs ago
User Rating
4.5/ 5
2
Top Feedback
1Performant
1Highly Customizable
@ag-grid-community/react

@ag-grid-community/react

The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
9.3K
Weekly Downloads
74.5K
Last Commit
9mos ago
@chakra-ui/layout

@chakra-ui/layout

⚡️ Simple, Modular & Accessible UI Components for your React Applications

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
29.9K
Weekly Downloads
370K
Last Commit
9mos ago
@mui/x-data-grid-pro

@mui/x-data-grid-pro

MUI X: Advanced and powerful React components for complex use-cases.

SEE LICENSE IN LICENSE
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2.1K
Weekly Downloads
151K
Last Commit
9mos ago
rnd

react-native-draggable-gridview

A drag-and-drop-enabled GridView component for React Native.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
7
Weekly Downloads
73
Last Commit
1yr ago
User Rating
5.0/ 5
1
Top Feedback
ug

use-grid

🤏React hook for recreating the bootstrap grid system

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2
Weekly Downloads
3
Last Commit
9mos ago
User Rating
5.0/ 5
1
Top Feedback
rs

react-stonecutter

Animated grid layout component for React

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
1.2K
Weekly Downloads
1.1K
Last Commit
4yrs ago
User Rating
4.0/ 5
1
Top Feedback
1Great Documentation
@theme-ui/components

@theme-ui/components

Build consistent, themeable React apps based on constraint-based design principles

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
4.8K
Weekly Downloads
65.2K
Last Commit
9mos ago
vue-easytable

vue-easytable

A powerful data table based on vuejs. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
3.1K
Weekly Downloads
7.8K
Last Commit
9mos ago
react-grid-system

react-grid-system

A powerful Bootstrap-like responsive grid system for React.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
733
Weekly Downloads
39.2K
Last Commit
9mos ago
@react-spectrum/layout

@react-spectrum/layout

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
7.7K
Weekly Downloads
7K
Last Commit
9mos ago
@visx/grid

@visx/grid

🐯 visx | visualization components

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
16K
Weekly Downloads
147K
Last Commit
9mos ago
@devexpress/dx-react-grid

@devexpress/dx-react-grid

Business React components for Bootstrap and Material-UI

SEE LICENSE IN README.md
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.9K
Weekly Downloads
23.7K
Last Commit
8mos ago
@devexpress/dx-react-grid-material-ui

@devexpress/dx-react-grid-material-ui

Business React components for Bootstrap and Material-UI

SEE LICENSE IN README.md
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.9K
Weekly Downloads
18.5K
Last Commit
8mos ago
cd

canvas-datagrid

Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.

BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.1K
Weekly Downloads
3.2K
Last Commit
9mos ago
gridster

gridster

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns

Unknown
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
6.1K
Weekly Downloads
400
Last Commit
8yrs ago
User Rating
2.0/ 5
1
Top Feedback
1Bleeding Edge
as

aurelia-slickgrid

Aurelia-Slickgrid is a wrapper of the lightning fast & customizable SlickGrid datagrid, it also includes multiple Styling Themes

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
115
Weekly Downloads
402
Last Commit
9mos ago
vue-cheetah-grid

vue-cheetah-grid

The fastest open-source data table for web.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.3K
Weekly Downloads
382
Last Commit
7mos ago
hl

handlebars-layouts

Handlebars helpers which implement layout blocks similar to Jinja, Nunjucks (Swig), Pug (Jade), and Twig.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
353
Weekly Downloads
167K
Last Commit
5yrs ago
rev

@revolist/revogrid

Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2.2K
Weekly Downloads
2.7K
Last Commit
10mos ago
@material-ui/data-grid

@material-ui/data-grid

MUI X: Build complex and data-rich applications using a growing list of advanced components. We're kicking it off with the most powerful Data Grid on the market.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
TypeScript Icon
Deprecated
GitHub Stars
956
Weekly Downloads
66.3K
Last Commit
reflexbox

reflexbox

⚛️ React primitive UI components built with styled-system.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
7.7K
Weekly Downloads
57.3K
Last Commit
1yr ago
rfg

react-flexbox-grid

A set of React components implementing flexboxgrid with the power of CSS Modules.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2.9K
Weekly Downloads
32.4K
Last Commit
1yr ago