Getting started with React Data Grid Using Hooks from AG Grid

Learn how to get started with React Data Grid with Hooks. A short introduction and setup guide to using AG Grid to create a simple React Data Grid with data fetched from a server, and using Sorting, Filter, In Cell Editing.

00:00 Introduction
00:15 Creating React Project
01:21 Creating a Basic Grid
03:53 Adding Data To Grid
06:00 In Cell Editing
06:20 Enabling Sorting
06:49 Enabling Filtering
07:18 Default Column Definitions
07:53 Adding Pagination
08:10 Loading JSON Data from Server
09:30 Loading... Message
10:00 Outro

AG Grid works with React, Angular, Vue, and JavaScript. Available as a free community edition and commercially as an Enterprise product (full support and more features).

This video supports the blog post:

Download the example code for this video:

For the longer tutorial in our documentation visit:

[agGrid]

- available as a free community edition and commercially as an Enterprise product (full support and more features)

[alex-desroches]

I've been dealing with tables for 2 years and this demo is awesome. The automatic sort and filtering is crazy. Sorting can get very complex and repetitive when done manually.

[mobouic]

Can we load local JSON file in my computer to AG grid, if yes, please explain?