Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

I’ve created a 1500+ words guide on how you can build your own custom Data Table using existing components. Step by step guide on adding pagination, sorting, and building custom filters using Button, Popovers, DropdownMenu...etc

Looks really nice in dark mode with the new Tailwind CSS darker color palette.

Link to GitHub repo:

Would be awesome if this implemented the ARIA grid pattern for arrow key navigation, and exposed selection, sorting, etc. to screen readers. Check out the Table component from react-aria-components for all that and more. You can style it the same way! 👍

why you such a GOAT

Insane — this is so good 🤯🤯🤯🤯

such impressive work, super jealous of not being able to get this directly in Vue

Awesome as always! Keep it up 🔥🔥

Data TABLE!!! OMG this is so good

This project keeps getting better and better 🤩