This example shows how to use the Vue Grid Row Selection API.
Scroll to Row
Select Row
Clear Selection
Selection Mode:
Selection Modes:
  • 'none' - disables the selection. Selection is possible only through the API.
  • 'singlerow' - full row selection. Each click changes the selected row.
  • 'multiplerows' - each click selects a new row. Click on a selected row unselects it.
  • 'multiplerowsextended' - users can select multiple rows with drag and drop or
    by clicking on rows while holding Ctrl or Shift.
Selection Log:
Selected Row Index: 2
Unselected Row Index: -1