Blazor Tree Grid Example - Row Hover
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Order Name Press Enter to sort. Press Alt Down to open filter Menu | Order Name Press Enter to sort. Press Alt Down to open filter Menu | Category Press Enter to sort. Press Alt Down to open filter Menu | Order Date Press Enter to sort. Press Alt Down to open filter Menu | Shipped Date Press Enter to sort. Press Alt Down to open filter Menu | Units Press Enter to sort. Press Alt Down to open filter Menu | Price Press Enter to sort. Press Alt Down to open filter Menu |
|---|
| 0 | Order 1 | |||||
| 1 | Mackerel | Seafood | 3/3/2025 | 3/10/2025 | 25 | $300 |
| 2 | Herrings | Seafood | 8/5/2025 | 8/15/2025 | 28 | $308 |
| 3 | Preserved Olives | Edible | 6/10/2025 | 6/17/2025 | 22 | $198 |
| 4 | Sweet corn | Edible | 7/12/2025 | 7/19/2025 | 27 | $189 |
| 5 | Order 2 | |||||
| 6 | Tilapias | Seafood | 2/5/2025 | 2/12/2025 | 24 | $360 |
| 7 | White Shrimp | Seafood | 5/22/2025 | 5/29/2025 | 30 | $210 |
| 8 | Fresh Cheese | Dairy | 6/8/2025 | 6/15/2025 | 26 | $312 |
| 9 | Blue Veined Cheese | Dairy | 7/10/2025 | 7/17/2025 | 29 | $435 |
| 10 | Butter | Dairy | 9/18/2025 | 9/25/2025 | 21 | $189 |
| 11 | Order 3 | |||||
| 12 | Lead glassware | Crystals | 2/7/2025 | 2/14/2025 | 23 | $138 |
| 13 | Pharmaceutical glass | Crystals | 4/19/2025 | 4/26/2025 | 25 | $275 |
| 14 | Glass beads | Crystals | 5/22/2025 | 5/29/2025 | 28 | $448 |
| 15 | Yellowfin Tuna | Seafood | 3/5/2025 | 3/15/2025 | 20 | $160 |
| 16 | Order 4 | |||||
| 17 | Broccoli | Fresh Vegetables | 2/5/2025 | 2/10/2025 | 27 | $216 |
| 18 | Spinach | Leafy Greens | 2/18/2025 | 2/24/2025 | 24 | $144 |
| 19 | Carrots | Root Vegetables | 3/10/2025 | 3/16/2025 | 30 | $150 |
This sample demonstrates the Tree Grid with row hover enabled. When you hover over a row, the current row is highlighted to improve readability and maintain focus.
Row hover is enabled by setting the Tree Grid's EnableHover property to true.
In this demo, the row under the pointer is visually highlighted and provides clear visual feedback, helping maintain context while working with records.
More information about row hover can be found in this documentation section.