Focused Row

 
Ship Name Address Date
Vins et alcools ChevalierReims - 59 rue de l'Abbaye8/1/2021
Toms SpezialitätenMünster - Luisenstr. 488/16/2021
Hanari CarnesRio de Janeiro - Rua do Paço, 678/5/2021
Victuailles en stockLyon - 2, rue du Commerce8/5/2021
Suprêmes délicesCharleroi - Boulevard Tirou, 2558/6/2021
Hanari CarnesRio de Janeiro - Rua do Paço, 677/24/2021
Chop-suey ChineseBern - Hauptstr. 318/8/2021
Richter SupermarktGenève - Starenweg 58/9/2021
Wellington ImportadoraResende - Rua do Mercado, 128/12/2021
HILARION-AbastosSan Cristóbal - Carrera 22 con Ave. Carlos Soublette #8-358/13/2021
Ernst HandelGraz - Kirchgasse 68/14/2021
Centro comercial MoctezumaMéxico D.F. - Sierras de Granada 99938/15/2021
Ottilies KäseladenKöln - Mehrheimerstr. 3698/16/2021
Que DelíciaRio de Janeiro - Rua da Panificadora, 128/16/2021
Rattlesnake Canyon GroceryAlbuquerque - 2817 Milton Dr.8/19/2021
Ernst HandelGraz - Kirchgasse 68/20/2021
Folk och fä HBBräcke - Åkergatan 248/21/2021
Blondel père et filsStrasbourg - 24, place Kléber8/22/2021
Wartian HerkkuOulu - Torikatu 389/6/2021
FrankenversandMünchen - Berliner Platz 438/26/2021
Data grid with 830 rows and 3 columns
0 rows are selected
Products:
  • Queso Cabrales
  • Singaporean Hokkien Fried Mee
  • Mozzarella di Giovanni

Set the FocusedRowEnabled property to true to allow users to focus individual grid rows in the DevExpress Blazor Grid. Note: Only one row can be focused at a time and it must be a row on the selected page. If you navigate to a different page, the row loses focus.

Focus moves under the following conditions/events:

  • A user clicks a row with a pointing device.
  • A data row switches to edit mode.
  • A user navigates between rows with a keyboard. In this case, the focused row follows the client's focus asynchronously to minimize delays.
  • 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.

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

When the focused row changes, the Grid raises its FocusedRowChanged event. In this demo, the FocusedRowChanged event handler obtains the data item bound to the focused row and displays item information next to the Grid.