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: Finished Files: 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: Chakra UI: React Date Picker: Github: Support Me: Contact Me: nikitadev292@ #react #javascript #programming
Back to Top