Examples
Browse interactive Vue 3 examples and copy-paste code samples that demonstrate how to wire up gp-grid features inside a typical Vue application stack.
Explore code examples demonstrating gp-grid's features with Vue.
Sorting
Multi-column sorting with visual indicators
Filtering
Column filtering with operators and debounced input
Selection
Cell and range selection with keyboard support
Editing
Inline editing with fill handle
Custom Renderers
Custom cell, edit, and header renderers
Highlighting
Row, column, and cell highlighting
Column Dragging
Reorder columns by dragging headers
Row Dragging
Reorder rows by dragging
Nuxt Integration
Use gp-grid inside a Nuxt 3 application by registering the component, handling SSR correctly, and avoiding hydration mismatches with the virtualized renderer.
Sorting
Enable single and multi-column sorting in the Vue 3 grid, including custom comparators, programmatic sort state, and persistent sort indicators today.