Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Data Grid - Table Component Tutorial with Syncfusion

ByteGrad via YouTube

Overview

Coursera Spring Sale
40% Off Coursera Plus Annual!
Grab it
Explore the Syncfusion React Data Grid component through a comprehensive 16-minute tutorial that demonstrates one of the most popular enterprise UI components for React applications. Learn to set up the data grid from scratch, configure data sources, and obtain trial API keys for development. Master essential features including customizing column headings, implementing pagination, sorting, and filtering capabilities. Discover advanced functionality such as theming options, row selection, data grouping, and aggregation features. Understand performance optimization techniques through virtual and infinite scrolling, work with frozen rows for better data presentation, and implement full CRUD operations with dialog interfaces. Complete the tutorial by learning how to export data from the grid, making this an essential resource for developers building data-intensive React applications with professional-grade table components.

Syllabus

0:00 Overview
1:05 Setup
1:37 Data source
2:03 Trial version API key
3:11 Width and height
3:40 Change column headings
5:13 Pagination
7:12 Customize columns
8:03 Sorting
8:39 Filtering
9:30 Themes
10:00 Selection
10:51 Grouping
11:33 Aggregation
12:07 Frozen rows
12:45 Virtual vs infinite scrolling
14:38 CRUD + dialogs
15:28 Export

Taught by

ByteGrad

Reviews

Start your review of React Data Grid - Table Component Tutorial with Syncfusion

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.