Skip to content

DEV Community

Let's create Data Table with React, TanStack Table and Tailwind CSS Series' Articles

Back to Dima Vyshniakov's Series

Cover image for Data Table from scratch with React, TanStack Table and Tailwind CSS. Part 1: Intro and HTML layout

Dima Vyshniakov

Dec 6 '24

Data Table from scratch with React, TanStack Table and Tailwind CSS. Part 1: Intro and HTML layout

#webdev #react #tailwindcss

3 min read

Cover image for Data Table From Scratch. Part 2: Add TanStack table and cell formatters

Dima Vyshniakov

Dec 6 '24

Data Table From Scratch. Part 2: Add TanStack table and cell formatters

#webdev #react #ui #tailwindcss

6 min read

Cover image for Data Table From Scratch. Part 3: Virtualization

Dima Vyshniakov

Dec 10 '24

Data Table From Scratch. Part 3: Virtualization

#webdev #react #tanstack #ux

3 min read

Cover image for Data Table From Scratch. Part 4: Column pinning

Dima Vyshniakov

Dec 14 '24

Data Table From Scratch. Part 4: Column pinning

#webdev #react #tailwindcss #typescript

6 min read

Cover image for Data Table From Scratch. Part 5: Cell sorting and localization

Dima Vyshniakov

Dec 20 '24

Data Table From Scratch. Part 5: Cell sorting and localization

#webdev #react #typescript #tailwindcss

5 min read

Cover image for Data Table From Scratch. Part 6: Column filtering

Dima Vyshniakov

Jan 2 '25

Data Table From Scratch. Part 6: Column filtering

#webdev #tailwindcss #react #ui

10 min read

Cover image for Data Table From Scratch. Part 7: Dark theme and refactoring

Dima Vyshniakov

Jan 14 '25

Data Table From Scratch. Part 7: Dark theme and refactoring

#webdev #tailwindcss #ui #ux

5 min read

Cover image for Data Table From Scratch. Part 8: Select rows

Dima Vyshniakov

Apr 26 '25

Data Table From Scratch. Part 8: Select rows

#webdev #react #ux #tailwindcss

5 min read

Cover image for Data Table From Scratch. Part 9: Delete Rows

Dima Vyshniakov

Oct 5 '25

Data Table From Scratch. Part 9: Delete Rows

#webdev #react #ux #ui

4 min read