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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNDk4MzMsIm5iZiI6MTczOTM0OTUzMywicGF0aCI6Ii83NjE1ODk5NS8zNjE5MjQzNzUtZWYwZjkxNTgtMDJmMC00OWRlLWJjMTQtMzkwNTMyNGNhMzIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDA4Mzg1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTViNjBiY2QxMTY1ZTc1YmFkOThlMDM2MTVhMjQ3YWM2M2JlMmRkYWViOTZlMzRmYjAxZDk5MGU2MDcyMDc1M2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.T_FsjpfGOtqjmPMeiTlp0W8ayagNTrv-oNks5HzfJJQ)
- 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.