View Project
Supercharge Your React Apps with the Ultimate Shadcn UI Data Grid!
Tired of clunky, hard-to-customize tables in your React projects? Say hello to a powerful, developer-friendly Data Grid component built with the sleekness of Shadcn UI!
Whether you're building dashboards, admin panels, or any data-heavy application, our Data Grid component is designed to make your life easier and your UIs shine. We've focused on providing essential features with a clean, modern aesthetic that integrates seamlessly with your Shadcn UI based projects.
✨ Key Features That You'll Love:
Built on Shadcn UI: Leverages the power and beauty of Shadcn UI, making it easily themeable and consistent with your existing components.
️ Inline Editing Bliss: Effortlessly edit data directly within cells! Supports a wide range of input types:
Dynamic Column Control: Provides multi cell types (text, number, rating, toggle, select, multiselect, checkbox, date)
Resizable Columns: Users can adjust column widths to their preference.
Draggable Columns: Easily reorder columns with drag-and-drop functionality.
Powerful Sorting: Sort data by any column with a simple click.
Custom Cell Rendering: Total flexibility to display data exactly how you want. Render custom components, avatars, badges, and more within cells.
️ Row-Level Actions: Implement actions like "Delete," "Edit," or "View Details" for each row, complete with icons.
Developer-Friendly API: Designed for quick integration and ease of use in your React applications.
Lightweight & Performant: Handles your data efficiently without bogging down your app,
TypeScript Support: Fully typed for a better development experience.
Open Source & Community Driven: (If applicable) We welcome contributions and feedback to make it even better!
Our goal is to provide a robust yet simple solution for one of the most common UI needs. Stop wrestling with complex table libraries and give your users the data interaction experience they deserve!
I'm excited to hear your thoughts and feedback. What features would you love to see next? Let us know in the comments below! 👇
Remember to replace:
Codebase: https://github.com/unnatibamania/react-shadcn-datagrid
Built with
