Getting started with React Data Grid Using Hooks from AG Grid

Опубликовано: 22 Март 2026
на канале: AG Grid
7,859
44

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:

https://blog.ag-grid.com/getting-star...

Download the example code for this video:

https://github.com/ag-grid/react-data...

For the longer tutorial in our documentation visit:

https://www.ag-grid.com/react-data-gr...

For more information about AG Grid please visit: https://ag-grid.com