More Premium Hugo Themes Premium Nextjs Themes

Shadcn View Table

Shadcn table component with server side sorting, pagination, filtering, and custom views. This is built on top of @sadmann17's shadcn-table.

Shadcn View Table

Shadcn table component with server side sorting, pagination, filtering, and custom views. This is built on top of @sadmann17's shadcn-table.

Author Avatar Theme by nainglinnkhant
Github Stars Github Stars: 288
Last Commit Last Commit: Dec 22, 2024 -
First Commit Created: Aug 27, 2024 -
default image

Overview

The Shadcn View Table is a versatile table component that offers server-side sorting, pagination, filtering, and customizable views. Built on top of @sadmann17’s shadcn-table, it leverages a stack including Next.js, TailwindCSS, shadcn/uitanstack/react-table, Drizzle ORM, Supabase, and Zod to provide robust functionality.

Features

  • Server-side Sorting: Allows sorting of table data on the server, ensuring efficient performance.
  • Pagination: Provides pagination functionality to handle large datasets and improve user experience.
  • Filtering: Enables users to filter table data for quick access to specific information.
  • Custom Views: Offers the ability to customize table views based on user preferences.

Installation

To run the Shadcn View Table locally, follow these steps:

  1. Clone the repository to your local machine.
  2. Install dependencies using pnpm:
    pnpm install
    
  3. Copy the .env.example file to .env and update the variables as needed.
  4. Push the database schema to set up the required structure.
  5. Start the development server to run the application.

Summary

The Shadcn View Table is a feature-rich table component that enhances data presentation and interaction. Leveraging various technologies and tools, it provides essential functionalities like server-side sorting, pagination, filtering, and customizable views. By following the installation guide, users can easily set up and utilize this table component for effective data visualization and management.