Skip to content
RevoGrid [Pro]

Column Selection

ColumnSelectionPlugin

The ColumnSelectionPlugin is an essential plugin for RevoGrid, designed to enhance user interaction by enabling column selection functionalities. It allows users to focus on and select entire columns, facilitating workflows that require column-based data manipulation and analysis.

Key Features:

  • Column Focus and Selection: Allows users to focus on specific columns, highlighting them for operations like data editing, copying, or analysis.
  • Event-Driven Architecture: Listens to and dispatches various events such as COLUMN_UPDATED_EVENT, EVENT_HEADER_FOCUS, EVENT_BEFORE_CELL_FOCUS, and EVENT_BEFORE_FOCUS_LOST to manage column selection and focus logic effectively.
  • Dynamic Column Updates: Adjusts selections based on column updates, ensuring that the active selection remains consistent with any changes in column configuration.
  • Integration with Selection and Data Stores: Utilizes observable stores for managing selection states, interfacing with the grid’s data and selection stores to apply and clear selections.
  • Header Interaction: Reacts to header clicks to initiate column selection, allowing seamless user interaction with column headers.

Usage:

  • Integrate this plugin into a RevoGrid instance to enable column selection features. Add the plugin to the grid’s plugin array to activate its functionality.

Example

import { ColumnSelectionPlugin } from '@revolist/revogrid-pro';


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

This plugin is ideal for applications where column-centric interaction is critical, providing an intuitive interface for managing and selecting columns in complex data grids.

class ColumnSelectionPlugin {}