Skip to content
RevoGrid [Pro]

Column Group Panel

ColumnGroupPanelPlugin

The ColumnGroupPanelPlugin is a plugin for RevoGrid that introduces a user-friendly interface for grouping columns. It enables users to drag and drop columns into a designated panel to create groupings, facilitating data organization and management.

Features:

  • Creates a visual group panel in the grid header for column grouping.
  • Supports drag-and-drop functionality to add, reorder, or remove column groupings.
  • Updates the grid’s grouping state dynamically as users interact with the panel.
  • Integrates drag events to enhance user interactions with column headers.

Usage:

  • Instantiate ColumnGroupPanelPlugin and add it to the RevoGrid plugins array.
  • Drag columns into the group panel to group them or manage existing groupings through the UI.

Example

import { ColumnGroupPanelPlugin } from '@revolist/revogrid-pro'


const grid = document.createElement('revo-grid');
grid.plugins = [ColumnGroupPanelPlugin];

This plugin is ideal for users who need to organize grid data by grouping columns, providing an intuitive interface for managing complex data sets.

class ColumnGroupPanelPlugin {}