React Data Grid (Table) Sorting/ Filtering and Grouping – KendoReact Library Demo
Join Kathryn for a quick and informative demo of the filtering, sorting, and grouping features for the popular React Data Grid component that is part of the KendoReact UI component library.
The KendoReact Data Grid is an extremely powerful component for displaying and organizing data, and to use all this power, you need to know how to configure it. Luckily, that’s why we’re here today, so let’s get started!
Bonus content: Sometimes you need more than one method of organization (sorting, filtering, grouping) enabled at the same time for your React table. When this is the case, there are some changes that need to be made to the code to handle these multiple forms of processing. The last part of this video is dedicated to this scenario, so make sure you check it out.
---
Featured links:
➡️KendoReact Data Grid overview - https://www.telerik.com/kendo-react-u...
➡️KendoReact Data Grid documentation - https://www.telerik.com/kendo-react-u...
➡️GitHub repo for the sample app in the video - https://github.com/kathryngraysonnanz...
➡️How to Implement a React Data Grid – Get a running start with the KendoReact Data Grid in 17 minutes - • How to Implement a React Data Grid – ...
➡️Guided Tour of an Easy-to-Use React Data Table: KendoReact Data Grid – Guided video tour of the React table’s rich features and functionality (no coding) - • Guided Tour of an Easy-to-Use React D...
➡️Sorting, Filtering and Grouping With the KendoReact Data Grid – Companion blog post - https://www.telerik.com/blogs/sorting...
---
00:00 - Intro
00:33 - Comparison
01:05 - Imports & Initial State
01:50 - State
03:18 - The Grid Component
05:00 - When to use each option
#ReactDataGrid #ReactTable #KendoReactDataGrid
