Working with Nested Data in React Material UI Data Grid Tutorial | Export, Paging, Filtering, Sort
In this tutorial, we create a dynamic data table using the Data Grid ...
In this tutorial, we create a dynamic data table using the Data Grid in Material UI, using a REST API called JSON Placeholder. The data we work with is nested ...and we are able to extract the necessary data and display it on the page.
Also, we implement extra functionalities like Export, Sorting, Paging, and Pagination.
This tutorial is beginner-friendly and very easy to follow.
Timestamps (Nested Data in React Material UI Data Grid Tutorial | Export, Paging, Filtering, Sort):
Intro - 00:00
00:45 - Create New React Project
01:27 - Set up and Installation of Material UI and Material Ui Data Grid
04:12 - Integrating REST API using Fetch in React
07:20 - Integrating the Data Grid in Material UI
20:10 - Outro
Material UI Documentation: https://mui.com/x/react-data-grid/getting-started
JSON Placeholder Page: https://jsonplaceholder.typicode.com/
For more resources on Web Development:
Follow Me on Twitter:
https://twitter.com/thecodeangle[+] Show More