React Table Tutorial (TanStack Table)
In this video you'll learn how to create a complex, customizable table using the TanStack table library. The table will include lots of cool features like column resizing, custom column cells, sorting, filtering & pagination! You will learn about TanStack Table concepts such as: ColumnDefinitions, FilterState, FilterFn's, PaginationState & more! Lastly, you will learn how to build various UI components using Chakra UI.
Starting Files: https://github.com/nikitadev-yt/react...
Finished Files: https://github.com/nikitadev-yt/react...
0:01 Intro
0:42 Starting Files Walkthrough
1:43 useReactTable hook
2:50 Column Definitions
11:58 Column Resizing
15:40 Editable Text Column
22:33 Status Column
27:59 Date Picker Column
34:03 Filtering
52:33 Sorting
55:54 Pagination
TanStack Table: https://tanstack.com/table/v8
Chakra UI: https://chakra-ui.com
React Date Picker: https://www.npmjs.com/package/react-d...
Github: https://github.com/nikitapryymak
Support Me: https://www.buymeacoffee.com/nikitadev
Contact Me: [email protected]
#react #javascript #programming
Watch video React Table Tutorial (TanStack Table) online, duration hours minute second in high quality that is uploaded to the channel Nikita Dev 15 September 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 85,505 times and liked it 1.5 thousand visitors.
