The Ultimate Tanstack React Table Course (in 1 hour)
3.8 هزار بار بازدید -
5 ماه پیش
-
Hey everyone in this tutorial
Hey everyone in this tutorial we will cover everything related to Tanstack Table. By the end of this tutorial you will be able to build powerful feature rich tables using Tanstack/React Table. The following items would be covered in this Tanstack Table Course/Tutorial.
1) Defining Accessor, Display, Group Columns in Tanstack Table
2) Mapping the table
3) Styling the table
4) Sorting Columns using Tanstack Table
5) Fuzzy Filtering/Search using Tanstack Table
6) Pagination in Tanstack Table
7) Selecting rows in Tanstack Table
8) Deleting rows in Tanstack Table
9) Displaying sub component / row detail in Tanstack Table
10) Column Pinning in Tanstack Table
11) Column Visibility / Showing/Hiding Columns in Tanstack Table
12) Column Reordering in Tanstack Table
Join my discord: Discord: discord
You can follow me on: Instagram: usmanabdurrehman97
Code: https://github.com/usmanabdurrehman/t...
00:00 Intro
00:06 What we will be building
01:27 How Tanstack Table Works
02:00 useReactTable Hook
03:10 Mapping the table
06:16 Looking at the table data
07:02 Accessor Columns
10:30 Display Custom Component in Cell
13:00 Finalizing Accessor Columns
13:42 Display Columns
16:44 Displaying Footers
17:53 Group Columns
19:00 Styling the table
20:10 Sorting
24:40 Table Filtering/Searching
27:18 Pagination
32:07 Row Selection
35:51 Deleting a row
37:09 Subcomponents/Expanding a row/Showing row detail
40:58 Column Pinning
43:58 Showing/Hiding Columns
49:29 Column Reordering
53:10 Outro
1) Defining Accessor, Display, Group Columns in Tanstack Table
2) Mapping the table
3) Styling the table
4) Sorting Columns using Tanstack Table
5) Fuzzy Filtering/Search using Tanstack Table
6) Pagination in Tanstack Table
7) Selecting rows in Tanstack Table
8) Deleting rows in Tanstack Table
9) Displaying sub component / row detail in Tanstack Table
10) Column Pinning in Tanstack Table
11) Column Visibility / Showing/Hiding Columns in Tanstack Table
12) Column Reordering in Tanstack Table
Join my discord: Discord: discord
You can follow me on: Instagram: usmanabdurrehman97
Code: https://github.com/usmanabdurrehman/t...
00:00 Intro
00:06 What we will be building
01:27 How Tanstack Table Works
02:00 useReactTable Hook
03:10 Mapping the table
06:16 Looking at the table data
07:02 Accessor Columns
10:30 Display Custom Component in Cell
13:00 Finalizing Accessor Columns
13:42 Display Columns
16:44 Displaying Footers
17:53 Group Columns
19:00 Styling the table
20:10 Sorting
24:40 Table Filtering/Searching
27:18 Pagination
32:07 Row Selection
35:51 Deleting a row
37:09 Subcomponents/Expanding a row/Showing row detail
40:58 Column Pinning
43:58 Showing/Hiding Columns
49:29 Column Reordering
53:10 Outro
5 ماه پیش
در تاریخ 1403/01/09 منتشر شده
است.
3,820
بـار بازدید شده