React Material-UI table Tutorial
This is an example of creating a table using React Material UI with some formatting. I’ve used faker.js to generate realistic test data. Basic pagination is applied.
Code: https://github.com/diikay/react-faker-mui-table-eg
Material UI pages (referenced in the video):
Material UI tables: https://material-ui.com/components/tables/
From the above page, I’ve referred to ‘Basic table’ example for table and ‘Fixed Header’ example for pagination.
Material UI theming palette: https://material-ui.com/customization/palette/
Material UI Typography: https://material-ui.com/components/typography/
Faker.js: https://github.com/marak/Faker.js/
Create react app guide: https://reactjs.org/docs/create-a-new-react-app.html
Видео React Material-UI table Tutorial канала Dee Kay
Code: https://github.com/diikay/react-faker-mui-table-eg
Material UI pages (referenced in the video):
Material UI tables: https://material-ui.com/components/tables/
From the above page, I’ve referred to ‘Basic table’ example for table and ‘Fixed Header’ example for pagination.
Material UI theming palette: https://material-ui.com/customization/palette/
Material UI Typography: https://material-ui.com/components/typography/
Faker.js: https://github.com/marak/Faker.js/
Create react app guide: https://reactjs.org/docs/create-a-new-react-app.html
Видео React Material-UI table Tutorial канала Dee Kay
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![5. CRUD Operations in Material Table || Material UI](https://i.ytimg.com/vi/S7-99HqpWvo/default.jpg)
![Material UI React Tutorial](https://i.ytimg.com/vi/vyJU9efvUtQ/default.jpg)
![Protected Routes in React using React Router](https://i.ytimg.com/vi/Y0-qdp-XBJg/default.jpg)
![Infinite Scrolling With React - Tutorial](https://i.ytimg.com/vi/NZKUirTtxcg/default.jpg)
![$10,000 Dining Table Build — One-Man Woodworking Shop](https://i.ytimg.com/vi/VenkvIeGqxk/default.jpg)
![React Admin Crash Course](https://i.ytimg.com/vi/HRmdj-HpJyE/default.jpg)
![Simple Frontend Pagination | React](https://i.ytimg.com/vi/IYCa1F-OWmk/default.jpg)
![React table with pagination](https://i.ytimg.com/vi/kEd81ZirrCY/default.jpg)
![React & Material UI Data Table Tutorial - Rendering Data Dynamically Using a REST API](https://i.ytimg.com/vi/S_mgSHCWCmA/default.jpg)
![Multi Layer Table // Charity Project](https://i.ytimg.com/vi/g6nudszlMoI/default.jpg)
![React & Material UI #10: Grid & Grid Layout](https://i.ytimg.com/vi/WV6u_6ZNWkQ/default.jpg)
![Learn Material UI in One Hour - React Material UI Project Tutorial [2021]](https://i.ytimg.com/vi/Xoz31I1FuiY/default.jpg)
![Material UI Theme Override and Props in React JS [Global Styles]](https://i.ytimg.com/vi/mu8-u7V7Z8s/default.jpg)
![React Axios CRUD with JSON SERVER | ReactJS Axios REST API | React Tutorials for Beginners](https://i.ytimg.com/vi/59z1_3-vTOk/default.jpg)
![Hardwood kitchen table](https://i.ytimg.com/vi/xoAXjNwLxCU/default.jpg)
![React JS - React Tutorial for Beginners](https://i.ytimg.com/vi/Ke90Tje7VS0/default.jpg)
![Complete React Material UI Tutorial Introduction](https://i.ytimg.com/vi/bL-ZwwF6wTc/default.jpg)
![Learn useState In 15 Minutes - React Hooks Explained](https://i.ytimg.com/vi/O6P86uwfdR0/default.jpg)
![React + Material UI #2: Actually coding a UX design](https://i.ytimg.com/vi/tKzSnjWPtEw/default.jpg)
![Walnut coffee table](https://i.ytimg.com/vi/DQO2VZzHrkE/default.jpg)