This example shows how to use the React Grid Row Selection API.
First Name
Last Name
Product
Quantity
Unit Price
Andrew
Nagase
Espresso con Panna
1
$3.25
Elio
Nagase
Caffe Latte
7
$4.50
Ian
Saavedra
Caffe Americano
9
$2.50
Shelley
Davolio
Green Tea
10
$1.50
Petra
Bjorn
Caffe Espresso
4
$3.00
Yoshi
Fuller
Espresso Truffle
3
$1.75
Guylene
Burke
Caffe Espresso
6
$3.00
Beate
Vileid
Peppermint Mocha Twist
1
$4.00
Sven
Winkler
Caramel Latte
8
$3.80
Peter
Bjorn
White Chocolate Mocha
10
$3.60
Mayumi
Wilson
Espresso Truffle
9
$1.75
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:
Unselected Row Index: