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
