Radzen Blazor Components

DataGrid Single Selection

Allow one row to be selected at a time for focused interactions.

In this demo the first employee is pre-selected on load, the selected employee's name is displayed above the grid, and a Clear Selection button resets the selection binding to null.

Selected Employee: Nancy Davolio
Employee
Titlefilter_alt
Employee IDfilter_alt
Hire Datefilter_alt
Cityfilter_alt
Countryfilter_alt
Nancy Davolio Nancy DavolioSales Representative105/01/2012SeattleUSA
Andrew Fuller Andrew FullerVice President, Sales208/14/2012TacomaUSA
Janet Leverling Janet LeverlingSales Representative304/01/2012KirklandUSA
Margaret Peacock Margaret PeacockSales Representative405/03/2013RedmondUSA
123
All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙