Data Table

This example is built on top of TanStack Table. However, unlike other Shadcn components, there is no wrapper on top of TanStack Table. Creating such a wrapper would loose all the flexibility that TanStack Table provides. Hence we should start with the basic Table component provided by Shadcn/ui and combine it with TanStack Table. This allows us to build any custom table based on our requirements.

If you find yourself using the same table in multiple places in your app, you can always extract it into a reusable component.

Example