This example shows how to use the React Grid Row Selection API.
Loading...
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
Enable Hover
Selection Mode:
single row
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: