DataGrid Column Template

The column Template allows you to customize the way data is displayed.

In this demo the DataGrid columns use the Template property to render custom content including images, buttons, links, formatted text, or any Blazor component, giving you complete control over how cell data is displayed.

• Example
• Edit Source
• codeDialogCardPage.razor

#	Employeefilter_alt	Order Datefilter_alt	Freightfilter_alt	ShipCountryfilter_alt	Order Detailsfilter_alt
1	Steven Buchanan Vins et alcools Chevalier	07/04/2023	$32.38	France	info10248
2	Michael Suyama Toms Spezialitäten	07/05/2023	$11.61	Germany	info10249
3	Margaret Peacock Hanari Carnes	07/08/2023	$65.83	Brazil	info10250
4	Janet Leverling Victuailles en stock	07/08/2023	$41.34	France	info10251
5	Margaret Peacock Suprêmes délices	07/09/2023	$51.30	Brazil	info10252

12345

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