|
|
|
|
|
|
|---|---|---|---|---|
| Chai | Beverages | $18.00 | 39 | |
| Chang | Beverages | $19.00 | 17 | |
| Aniseed Syrup | Condiments | $10.00 | 13 | |
| Chef Anton's Cajun Seasoning | Condiments | $22.00 | 53 | |
| Chef Anton's Gumbo Mix | Condiments | $21.00 | 0 | |
| Grandma's Boysenberry Spread | Condiments | $25.00 | 120 | |
| Uncle Bob's Organic Dried Pears | Produce | $30.00 | 15 | |
| Northwoods Cranberry Sauce | Condiments | $40.00 | 6 | |
| Mishi Kobe Niku | Meat/Poultry | $97.00 | 29 | |
| Ikura | Seafood | $31.00 | 31 | |
- Chang
- Aniseed Syrup
- Chef Anton's Cajun Seasoning
- Chef Anton's Gumbo Mix
The DevExpress Blazor Grid supports both single and multiple row selection. Enable the AllowSelectRowByClick option to select rows via mouse clicks.
In this demo, users can select multiple rows simultaneously (the SelectionMode property is set to Multiple — the default value). To select a range of rows, a user can click the first row in the range, hold down the Shift key, and click the last row in the range. To add/remove a row to/from selection, users must hold down the Ctrl key and click the appropriate row.
Implement two-way binding for the SelectedDataItems property to specify and access selected data items.
The Grid compares and identifies data items to ensure accurate selection operations. If your data object has a primary key, assign it to the KeyFieldName or KeyFieldNames property. Otherwise, the Grid uses standard .NET value equality comparison to identify data items.