Data Grid blocks for Vue teams.
Table-heavy layouts with sorting, filtering, grouping, editing and virtualization patterns.
31 blocks — all live
Data grid with pagination
Core data grid arrangements for tabular interfaces.
Data grid with cell border
Core data grid arrangements for tabular interfaces.
Data grid with dense layout
Core data grid arrangements for tabular interfaces.
Data grid without table borders
Core data grid arrangements for tabular interfaces.
Data grid with striped rows
Core data grid arrangements for tabular interfaces.
Data grid with auto width table layout
Core data grid arrangements for tabular interfaces.
Data grid with row selection
Core data grid arrangements for tabular interfaces.
Data grid with sticky header
Core data grid arrangements for tabular interfaces.
Data grid with card container
Core data grid arrangements for tabular interfaces.
Data grid with loading skeleton
Core data grid arrangements for tabular interfaces.
Data grid with row pinning support
Core data grid arrangements for tabular interfaces.
Data grid with column icons
Column management, pinning and visibility patterns.
Data grid with movable columns
Column management, pinning and visibility patterns.
Data grid with column resizing
Column management, pinning and visibility patterns.
Data grid with pinnable columns
Column management, pinning and visibility patterns.
Data grid with column controls
Column management, pinning and visibility patterns.
Data grid with column visibility controls
Column management, pinning and visibility patterns.
Data grid with sortable columns
Reordering patterns for rows and columns.
Data grid with draggable columns
Reordering patterns for rows and columns.
Data grid with draggable rows
Reordering patterns for rows and columns.
Data grid with CRUD features
Inline edit, create and update table workflows.
Data grid with CRUD in frame container
Inline edit, create and update table workflows.
Data grid with expandable rows
Expandable row detail and hierarchy patterns.
Data grid with sub table
Expandable row detail and hierarchy patterns.
Filters with data grid
Faceted and toolbar-driven table filtering.
Filters with data grid and async mode
Faceted and toolbar-driven table filtering.
Data grid with column totals footer
Grouped records, summaries and nested row sets.
Data grid with summary stats footer
Grouped records, summaries and nested row sets.
Data grid with per-column aggregate footer
Grouped records, summaries and nested row sets.
Data grid with local infinite scroll
Large-list layouts optimized for heavy datasets.
Data grid with remote infinite scroll
Large-list layouts optimized for heavy datasets.
What is included
Counts, grouping, category names and preview placeholders for the public Pro catalog.
What is not included
Closed-source paid block code, licensed assets and redistribution-only content.
What is usable now
The open Vue registry remains available through components, categories and shadcn-vue install commands.