We're sorry. We cannot find any matches for your search term.

Blazor DataGrid Example - Row Templates

DataGrid / Rows / Row Template

This example shows how to use the DataGrid component's row template feature. Each DataGrid row in this example has been rendered using the template.

Loading Syncfusion Blazor Server Demos…

sfgridvva00aocjv3_header_table

Employee Image

Employee Details

First Name	Nancy
Last Name	Davolio
Title	Sales Representative
Birth Date	12/8/1948
Hire Date	5/1/1992

First Name	Andrew
Last Name	Fuller
Title	Vice President, Sales
Birth Date	2/19/1952
Hire Date	8/14/1992

First Name	Janet
Last Name	Leverling
Title	Sales Representative
Birth Date	8/30/1963
Hire Date	4/1/1992

First Name	Margaret
Last Name	Peacock
Title	Sales Representative
Birth Date	9/19/1937
Hire Date	5/3/1993

First Name	Steven
Last Name	Buchanan
Title	Sales Manager
Birth Date	3/4/1955
Hire Date	10/17/1993

First Name	Michael
Last Name	Suyama
Title	Sales Representative
Birth Date	7/2/1963
Hire Date	10/17/1993

First Name	Robert
Last Name	King
Title	Sales Representative
Birth Date	5/29/1960
Hire Date	1/2/1994

First Name	Laura
Last Name	Callahan
Title	Inside Sales Coordinator
Birth Date	1/9/1958
Hire Date	3/5/1994

First Name	Anne
Last Name	Dodsworth
Title	Sales Representative
Birth Date	1/27/1966
Hire Date	11/15/1994

The Blazor DataGrid Row template feature allows you to change the appearance and behavior of the DataGrid rows. The GridTemplates component should be wrapped around the RowTemplate. RowTemplate content must be TD elements, with the number of TD elements matching the number of DataGrid columns.

In this demo, employee information with Employee Photo is presented in the first column and Employee details such as Name, Address and so on are presented in the second column.

More information about the Row template feature can be found in this documentation section.