datagrid
CommunityBuild dynamic data tables and grids.
Software Engineering#react#filtering#frontend development#ui components#pagination#data table#datagrid
Authorazadshaikh
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation and management of complex data-display components, reducing the boilerplate code needed for tables, filters, sorting, and pagination.
Core Features & Use Cases
- Dynamic Table/Card Views: Renders data in sortable, filterable tables or card layouts.
- Interactive Features: Supports filtering, searching, pagination, row actions, and bulk actions.
- Customization: Allows for custom cell rendering, card layouts, and badge variants for status indicators.
- Use Case: When building an admin panel to manage users, you can use this Skill to display a paginated list of users with search, filtering by role, sorting by name, and options to edit or delete each user.
Quick Start
Use the datagrid skill to display a list of products with columns for name, price, and status, including search and sorting capabilities.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: datagrid Download link: https://github.com/azadshaikh/public_html/archive/main.zip#datagrid Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.