Skip to content

Main Navigation

- Data Grid JS
- Pivot Table JS
- Kanban Board JS
- Gantt Chart JS
- Scheduler JS
- Frameworks
  React
  Vue
  Angular
  Svelte
Docs
Demos
Pricing
RevoGrid Pro
Blog
- Discussions
- Roadmap

Appearance

Sidebar Navigation

Getting Started

Quick Start
Installation
Overview
Data Loading and Sync
State Persistence
Grid size

Essentials

Best Practices
Performance
Programmatic Control
Proxy Source Editing
AI Agents and MCP
Advanced Configuration
Event Patterns
JSX/TSX Template
Features and Definitions
API
Hooks and Events
Typings
Viewports

Columns

Column Definitions
- Column Resizing
  Column Autosize
  Column Header Template
  Column Header Properties
  Column Readonly
  Column Ordering
  Column Pinning
  Column Groups
  Custom Column & Cell Formats
  Column Stretching

Cells

Cell Definitions
- Cell Readonly
  Cell Template
  Custom Cell Formats
  Cell Editor

Rows

Row Definitions
- Row Height
  Row Pinning
  Row Headers
  Row Ordering
  Row Grouping

Advance

Accessibility
RTL Support
Editing
Export CSV
Export PDF
Export Excel
Filtering
Plugins
Security
Server-Side Data
Slots
Sorting
Standalone
SSR
Theme Manager
Real-Time Updates

Frameworks

TypeScript
- Getting Started
  Examples
  - Getting Started
    Grouping rows
    Individual row sizes
    Date column
    Clear Filtering
    JSX Template
    Hierarchical Tree
Angular
- Getting Started
  Cell Template
  Cell Editor
  Tree Data
  Examples
  - Getting Started Standalone
    Cell component
    Column resize
    Header component & Tooltip
    Editor component
    Editor custom date format
    Focus Catch
    Demo: Inventory List
    Demo: Sample module
    Tree view
React
- Getting Started
  Cell Template
  Cell Editor
  Examples
  - Getting Started
    Cell component
    Editor component
    Grouping
    Multi selection
    Tree view
Dash / Python
- Overview
  Getting Started
  DataFrames
  Columns
  Callbacks and Events
  Edit Synchronization
  Property Reference
  Core API Reference
Vue 3
- Getting Started
  Cell Template
  Cell Editor
  Examples
  - Getting Started Composition API
    Getting Started Options API
    Cell component
    Editor component
    Checkbox list with Select All
    Grouping
    Tree view
Svelte
- Getting Started
  Cell Template
  Cell Editor
  Tree Data
  Examples
  - Getting Started
StencilJs
- Getting Started
  Examples
  - Getting Started
Vue 2
- Getting Started
  Cell Template
  Cell Editor
  Examples
  - Getting Started Options API
    Cell component
    Editor component
    Editor date component
    Grouping
    List
    Checkbox list with Select All
Tanstack
- Getting Started
  Tree Data
  Examples
  - Getting Started

Licensing
Request Pro Trial
Remove Attribution
Contributor Guide

Versioning

Migration Guide v4

Pro
Data Grid explained

On this page

Grouping - Vue 2 Data Grid

Suggest changes

Pager

Previous pageEditor date component

Enterprise-grade data grid for modern web applications.

Product

Overview
Features
Pricing
RevoGrid Pro

Resources

Docs
Demos
Comparisons
Blog

Company

About us
Services

Legal

License
Privacy
Terms
Security

RevoGrid is a powerful data grid library made by Revolist OU. Copyright © 2017-present.