Tables in NextJs Using shadcn/ui and TanStack Table
This video will look at creating data tables in NextJs using the shadcn/ui and the TanStack table libraries. We'll implement pagination, sorting, filters, column visibility, and more.
The Ultimate NextJs Course
Project source code (Github)
shadcn/ui
TanStack Table
Work with me
Chapters
0:00 Intro
1:00 Project setup
5:20 Table component
16:50 Cell formatting
18:54 Actions
22:56 Pagination
25:42 Advanced pagination
26:58 Sorting
29:40 Filtering
33:20 Column visibility
36:05 Reusable components
36:26 Recap
Watch video Tables in NextJs Using shadcn/ui and TanStack Table online without registration, duration 37 minute 49 second in high hd quality. This video was added by user Hamed Bahram 07 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 54 thousand once and liked it 878 people.