This sample demonstrates the Grid component with the row hover feature. Move the mouse over the Grid rows to see the hover effect.
Product ID | Product Name | Unit Price | Units In Stock | Discontinued |
|---|---|---|---|---|
| 1 | Chai | $18.00 | 39 | |
| 2 | Chang | $19.00 | 17 | |
| 3 | Aniseed Syrup | $10.00 | 13 | |
| 4 | Chef Anton's Cajun Seasoning | $22.00 | 53 | |
| 5 | Chef Anton's Gumbo Mix | $21.35 | 0 | |
| 6 | Grandma's Boysenberry Spread | $25.00 | 120 | |
| 7 | Uncle Bob's Organic Dried Pears | $30.00 | 15 | |
| 8 | Northwoods Cranberry Sauce | $40.00 | 6 | |
| 9 | Mishi Kobe Niku | $97.00 | 29 | |
| 10 | Ikura | $31.00 | 31 | |
| 11 | Queso Cabrales | $21.00 | 22 | |
| 12 | Queso Manchego La Pastora | $38.00 | 86 |
Row Hover feature enables us to identify the current row by highlighting them with the mouse hovers. This can be enabled by setting the enableHover property as true. In this demo, enabling the enableHover property, you can move the mouse over Grid rows to see the hover effect.