MUI V5: Tables pt 1 (Headers, Premade Tables, Virtualization, etc)
In this video we go over the basics (Part 1) of Material UI V5's Table component! We talk about how to structure a table (TableContainer with Paper, TableHead, Table, TableRow, TableCell) and their related props. Also includes a table virtualization example at the end :)
---PT2----
• MUI V5: Tables pt 2 (Sorting, Checkbo...
Pt 2 goes over: Pagination, Sorting and Checkboxes in great detail.
Join our coding Discord:
/ discord
LINKS
Material UI Getting Started Guide: https://mui.com/getting-started/insta...
MUI V5 Table Example: https://mui.com/material-ui/react-table/
See link above for all the component's API (scroll to the bottom)
SX Prop: • MUI V5: The SX Prop
MUI V5 Icons: • MUI V5: Icons, Svg Icons & Icon Buttons
TIMESTAMPS
0:00 Intro
0:45 Basic table example
1:05 Table Structure / Code breakdown (TableContainer, Table, TableHead, TableRow, TableCell, TableBody)
4:50 Passing in table data / rows
5:45 Data Table (Premade table)
6:40 Dense table (size="small") to reduce padding for smaller tables
7:15 Table style customization + styled components + global css overriding
8:45 Nested tables / MUI V5's Collapse component
9:40 Table Virtualization with React + MUI + React Virtualized
Follow me on Social Media:
/ sistillianthony
/ anthonysistilli
Смотрите видео MUI V5: Tables pt 1 (Headers, Premade Tables, Virtualization, etc) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Anthony Sistilli 21 Апрель 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,402 раз и оно понравилось 139 людям.