DataGrid Cell selection

Enable cell-level selection for granular user interactions.

In this demo you can toggle between single and multiple cell selection modes, choose between Click or DoubleClick event types for selection, and CellRender highlights selected cells with a colored background.

• Example
• Edit Source

Click on a table cell to select or deselect.

Enable multiple cells selection

Event type:

Click

• Click
• DoubleClick

Clear selected cells

Employee	Titlefilter_alt	Employee IDfilter_alt	Hire Datefilter_alt	Cityfilter_alt	Countryfilter_alt
Nancy Davolio	Sales Representative	1	05/01/2012	Seattle	USA
Andrew Fuller	Vice President, Sales	2	08/14/2012	Tacoma	USA
Janet Leverling	Sales Representative	3	04/01/2012	Kirkland	USA
Margaret Peacock	Sales Representative	4	05/03/2013	Redmond	USA

123

Console log

Clear console

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

Start Free See Subscription Plans

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