Data Table Pagination
A pagination footer for TanStack Table data tables. Combines a summary line, a rows-per-page select, a page indicator, and first, previous, next and last navigation buttons. Renders a sensible default layout from a single table prop, and every part is exported so blocks can recompose the footer, swap the summary copy, or drop the edge buttons without duplicating the markup.
Source code for this component is gated by the vendor (premium). Visit their site to get it.
No live preview for this component — the source is below.
- Where it goes
- footerdata-table
- Interaction
- dropdown
- Use cases
- dashboard
DependenciesBundle weight · light
@tanstack/react-table@^8.21.3
More from Shadcraft
404 1 – Minimalist error page with navigation recovery actionsblock404 2 – Visual 404 error page with immersive split-screen layoutblock404 3 – Error page with multi-channel support contact cardsblock404 4 – Error page with conceptual plug illustrationblock404 5 – Error page with immersive image and support directoryblock404 6 – Split-screen 404 page with high-contrast editorial visualblockActivity Feed 1 – Filterable timeline with inline contextblockActivity Feed Item 1component
Browse all components in this library →