solaris.shadcn.io
Data Table Filters
Data Table Filters is a standalone demo playground by OpenStatus showcasing advanced data table implementations with Tanstack Table, featuring both client-side pagination and server-side infinite scroll with click-through details.
by Openstatushq · Updated October 8, 2025
Live Preview
Interact with the actual deployed template — every section, every interaction, no mockups.
About Template
Built with Next.js, Tanstack Query, shadcn/ui, cmdk, nuqs, and dnd-kit, the project demonstrates flexible, reusable data table patterns inspired by Datadog and Vercel log tables. The implementation includes sophisticated features like dynamic filtering, sorting, column management, drag-and-drop functionality, and URL-based state persistence for shareable filtered views.
Designed as a reference implementation for the OpenStatus dashboard, it provides developers with production-ready patterns for building complex data tables in React applications. The project emphasizes accessibility and user experience while handling large datasets efficiently through virtualization and optimized rendering strategies. Perfect for developers building admin panels, analytics dashboards, or any application requiring powerful data visualization and manipulation, Data Table Filters demonstrates best practices for integrating Tanstack Table with modern React ecosystem tools and offers a foundation for MVP development with advanced table functionality.
More Templates
Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.
