A favicon of Shadcn View Table

Shadcn View Table

Enhanced Shadcn table by nainglinnkhant, offering server-side sorting, pagination, filtering, and custom views. Extends @sadmann17's shadcn-table.

A screenshot of Shadcn View TableVisit

Shadcn View Table: Advanced Server-Side Data Tables for Next.js

Shadcn View Table, developed by nainglinnkhant, is a powerful component for Next.js applications designed for complex data display. It builds upon @sadmann17's shadcn-table, adding robust server-side functionalities. Developers can implement tables with dynamic sorting, efficient pagination, comprehensive filtering, and customizable views, streamlining data management. The tech stack includes Next.js, TailwindCSS, shadcn/ui, TanStack React Table, Drizzle ORM, Supabase, and Zod, ensuring a modern development experience.

Features:

  • Server-side Sorting: Enables dynamic data sorting processed on the server for optimal performance.
  • Server-side Pagination: Manages large datasets efficiently with server-processed pagination, improving load times.
  • Server-side Filtering: Allows for powerful data filtering operations handled by the server backend.
  • Custom Views: Supports creation and management of different table data perspectives tailored to user needs.
  • Column Visibility Control: Users can toggle the visibility of individual table columns to customize their display.
  • Data Export: Provides functionality to export table data, likely to common formats.
  • Row Selection: Allows users to select single or multiple rows for batch actions or highlighting.
  • Customizable Rows Per Page: Users can adjust the number of data rows displayed per page for better viewing.
  • Theme Toggling: Includes an option to switch UI themes, enhancing user experience and accessibility.
  • Date Picker Integration: Features a date picker for input or filtering by date ranges.
  • Built on shadcn-table: Extends and enhances the core functionalities of the popular shadcn-table by @sadmann17.
  • Comprehensive Tech Stack: Leverages Next.js, TailwindCSS, shadcn/ui, TanStack Table, Drizzle ORM, Supabase, and Zod for a robust foundation.

Summary:

Shadcn View Table significantly upgrades data presentation in Next.js projects by delivering a feature-rich table component. It emphasizes server-side operations such as sorting, pagination, and filtering, ensuring optimal performance with large datasets. With custom views and column management capabilities, it offers a versatile solution for developers aiming to construct sophisticated and interactive data tables, integrating seamlessly with the Shadcn UI ecosystem and contemporary web technologies.

Distribution:
opensource
GitHub:
291 Stars
17 Forks
Share:

 

  
 

Similar to Shadcn View Table: