Shadcn table component with server side sorting, pagination, filtering, and custom views. This is built on top of @sadmann17's shadcn-table.
![Screenshot 2024-07-10 at 5 46 33 PM](https://private-user-images.githubusercontent.com/76158995/361924375-ef0f9158-02f0-49de-bc14-3905324ca322.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYwMzgxNjEsIm5iZiI6MTcyNjAzNzg2MSwicGF0aCI6Ii83NjE1ODk5NS8zNjE5MjQzNzUtZWYwZjkxNTgtMDJmMC00OWRlLWJjMTQtMzkwNTMyNGNhMzIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTExVDA2NTc0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU1MTBlNmY4MDA3OWUyYzI3NzFiZmFkMWVmOTI1ZjM4MTUyYjYwNWY5ZTc3MWIxZjUxZmFjMGIwMmQ2NjY4MTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bUilTHr4z5jMijtUsj7GzaqeNQTCmZ49O5QP_uQsEEw)
- Next.js
- TailwindCSS
- shadcn/ui
- tanstack/react-table
- Drizzle ORM
- Supabase
- Zod
-
Clone the repository
git clone https://github.com/nainglinnkhant/shadcn-view-table
-
Install dependencies using pnpm
pnpm install
-
Copy the
.env.example
to.env
and update the variables.cp .env.example .env
-
Push the database schema
pnpm db:push
-
Start the development server
pnpm dev
You can read more about setting up your own table here.