ag-grid
AG Grid
React data tables with sorting, filtering, pagination, inline editing, and Excel-like features. TypeScript typing, accessibility, and virtualization.
Examples use
ag-grid-react. Column config API (ColDef,onGridReady) is framework-agnostic — adapt cell renderers to your framework's component syntax for Angular/Vue.
When to Use
- Data tables with sorting/filtering/pagination
- Editable grids with inline editing
- Complex grids with grouping/aggregation
- High-performance with virtualization
- Excel-like functionality
Don't use for:
- Simple tables (use HTML/MUI Table)
- Non-tabular viz (use charts)
- Mobile-first (consider simpler)
More from joabgonzalez/ai-agents-framework
architecture-patterns
Architectural decision guide by complexity. Trigger: When choosing architecture, planning strategic refactoring, or evaluating pattern trade-offs.
11a11y
Accessibility guide (WCAG 2.1/2.2, Level A–AAA). Trigger: When building UI components, interactive elements, or auditing accessibility compliance.
10react
Modern React with hooks and functional components. Trigger: When creating components, implementing hooks, managing state, or optimizing.
9astro
Fast static sites with SSG/SSR and component islands. Trigger: When building Astro websites, implementing islands, or configuring SSG/SSR.
9typescript
Strict typing and type-safe development. Trigger: When implementing TypeScript in .ts/.tsx files, adding types, or enforcing safety.
9agent-creation
Standards-compliant agent definitions with templates. Trigger: When creating agent definitions, setting up project agents, or documenting workflows.
9