Focused Row

 
Ship Name Address Date
Vins et alcools Chevalier Reims - 59 rue de l'Abbaye 8/1/2014
Toms Spezialitäten Münster - Luisenstr. 48 8/16/2014
Hanari Carnes Rio de Janeiro - Rua do Paço, 67 8/5/2014
Victuailles en stock Lyon - 2, rue du Commerce 8/5/2014
Suprêmes délices Charleroi - Boulevard Tirou, 255 8/6/2014
Hanari Carnes Rio de Janeiro - Rua do Paço, 67 7/24/2014
Chop-suey Chinese Bern - Hauptstr. 31 8/8/2014
Richter Supermarkt Genève - Starenweg 5 8/9/2014
Wellington Importadora Resende - Rua do Mercado, 12 8/12/2014
HILARION-Abastos San Cristóbal - Carrera 22 con Ave. Carlos Soublette #8-35 8/13/2014
of 83
Products:
  • Queso Cabrales
  • Singaporean Hokkien Fried Mee
  • Mozzarella di Giovanni

The DevExpress Blazor Grid allows users to focus individual grid rows. Note: Only one row can be focused within the current page. If you navigate to a different page, the Grid will lose row focus.

Set the FocusedRowEnabled property to true to enable the focused row option in the Grid.

Focus moves under the following conditions/events:

  • A user clicks a row with a pointing device
  • The Grid moves focus on initial load or when visible rows change (for instance, when a user sorts data or changes a page)
  • The SetFocusedDataItemAsync or SetFocusedRowIndex method is called

When focused row changes, the Grid raises its FocusedRowChanged event.

You can use the following methods to manage the focused row.

In this demo, the FocusedRowChanged event is handled to get the data item bound to the focused row and display item information below/next to the Grid.