Demo / Plugins/ Base / Selection
npm package:
@omnigrid/selection-pluginSingle selection
Use row click for single selection.
Multi selection
Use row clicks or Shift+click to select a range. The panel above the grid shows the selected row count and records.
Selected rows: 0
Click rows to select them. Hold Shift to select a range.
Checkbox selection
Use row clicks or checkbox for multi selection.
Unselectable rows
Use isRowSelectable function to prevent row selection.
Dynamically updates selection criteria without recreating the plugin
Selection events
The selection plugin exposes an
onSelectionChange callback that fires with a copy of the selection state (selected row IDs and rows) whenever the selected rows change. Click rows or checkboxes to select them — each line below is a single event, listing the IDs of all currently selected rows.No selection events yet — click rows or checkboxes.