Quick Examples
Lazy Sub-Rows Example
A Shadcn Table example show how use use expandable rows to fetch additional sub-rows data only after the user expands the row.
If you have a ton of nested data that you want to display, but you don't want to fetch it all up front, you can set up Shadcn Table to only fetch the sub-rows data when the user expands the row.
There are quite a few ways in which you could implement fetching sub-rows lazily. This example is just one way to do it.
This example combines concepts from the React Query Example and the Expanding Parsed Tree Example.
View Extra Storybook Examples
Lazy Detail Panel Example
A Shadcn Table example show how use use expandable rows to show additional information about a row and load the data for the detail panel only after the user expands the row.
Virtualized Example
An example of a Shadcn Table with virtualization enabled to achieve higher performance when rendering large data sets