New to Telerik UI for Blazor? Download Free 30-day trial

Grid - Selection

Configurator

Choose the Grid Selection Mode:

Maria Anders Sales Representative Obere Str. 57 030-0074321
Ana Trujillo Owner Avda. de la Constitución 2222 (5) 555-4729
Antonio Moreno Owner Mataderos 2312 (5) 555-3932
Thomas Hardy Sales Representative 120 Hanover Sq. (171) 555-7788
Christina Berglund Order Administrator Berguvsvägen 8 0921-12 34 65
Hanna Moos Sales Representative Forsterstr. 57 0621-08460
Frédérique Citeaux Marketing Manager 24, place Kléber 88.60.15.31
Martín Sommer Owner C/ Araquil, 67 (91) 555 22 82
Laurence Lebihan Owner 12, rue des Bouchers 91.24.45.40
Elizabeth Lincoln Accounting Manager 23 Tsawassen Blvd. (604) 555-4729

Selected Items:

  • Thomas Hardy ((171) 555-7788)
  • Christina Berglund (0921-12 34 65)
  • Selection.razor
  • CustomerService.cs
  • CustomerDto.cs
Loading the demo source code...please wait.

Description

The Telerik Grid for Blazor allows you to select an item or a multitude of items. To observe the behavior of the different selection modes use the dropdown list on the top left side of the demo. The selection itself can be done in different ways:
  • GridCheckBoxColumn
  • Clicking on a row
This demo shows both concepts. When you click on a row or the checkbox the row will be highlighted to notify you that the item is selected. You can also enable the SelectAll checkbox to allow your users to select all items in the Grid at once

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload