All Demos / Tree Grid / Rows / Detail Template

Blazor Tree Grid Example - Detail Template

Loading Syncfusion Blazor Server Demos…

sftreegridp3usq5hpaql_gridcontrol_header_table

DetailIndent

Name

DOB

Designation

Employee ID

Country

Robert King

2/15/1978

Chief Executive Officer

EMP001

Seattle, WA

Robert King was lives at 507 - 20th Ave. E.Apt. 2A, Seattle, Seattle, WA. Robert King holds a position of Chief Executive Officer in our WA department, (Seattle USA).

Contact:(206) 555-9857

David William

5/20/1990

Vice President

EMP004

Kirkland, WA

David William was lives at 722 Moss Bay Blvd., Kirkland, Kirkland, WA. David William holds a position of Vice President in our WA department, (Seattle USA).

Contact:(206) 555-3412

Nancy Davolio

3/19/1988

Marketing Executive

EMP035

Redmond, WA

Nancy Davolio was lives at 4110 Old Redmond Rd., Redmond, Redmond, WA. Nancy Davolio holds a position of Marketing Executive in our WA department, (Seattle USA).

Contact:(206) 555-8122

Andrew Fuller

9/20/1993

Sales Representative

EMP045

London, UK

Andrew Fuller was lives at 14 Garrett Hill, London, London, UK. Andrew Fuller holds a position of Sales Representative in our WA department, (Seattle USA).

Contact:(71) 555-4848

Anne Dodsworth

7/10/1985

Sales Executive

EMP091

Seattle, WA

Anne Dodsworth was lives at 4726 - 11th Ave. N.E., Seattle, Seattle, WA. Anne Dodsworth holds a position of Sales Executive in our WA department, (Seattle USA).

Contact:(206) 555-1189

Michael Suyama

11/5/1987

Sales Representative

EMP110

London, UK

Michael Suyama was lives at Coventry House Miner Rd., London, London, UK. Michael Suyama holds a position of Sales Representative in our WA department, (Seattle USA).

Contact:(71) 555-3636

Janet Leverling

4/12/1989

Marketing Representative

EMP131

London, UK

Janet Leverling was lives at Edgeham Hollow Winchester Way, London, London, UK. Janet Leverling holds a position of Marketing Representative in our WA department, (Seattle USA).

Contact:(71) 555-3636

Romey Wilson

2/2/1994

Sales Coordinator

EMP039

London, UK

Romey Wilson was lives at 7 Houndstooth Rd., London, London, UK. Romey Wilson holds a position of Sales Coordinator in our WA department, (Seattle USA).

Contact:(71) 555-3690

Margaret Peacock

8/22/1986

Sales Representative

EMP213

Los Angeles, CA

Margaret Peacock was lives at 4726 - 11th Ave. N.E., California, Los Angeles, CA. Margaret Peacock holds a position of Sales Representative in our WA department, (Seattle USA).

Contact:(206) 555-1989

Steven Buchanan

1/30/1984

Sales Representative

EMP197

Salinas, CA

Steven Buchanan was lives at 200 Lincoln Ave, Salinas, CA 93901, Salinas, CA. Steven Buchanan holds a position of Sales Representative in our WA department, (Seattle USA).

Contact:(831) 758-7408

Tedd Lawson

6/18/1991

Sales Representative

EMP167

Salinas, CA

Tedd Lawson was lives at 200 Lincoln Ave, Salinas, CA 93901, Salinas, CA. Tedd Lawson holds a position of Sales Representative in our WA department, (Seattle USA).

Contact:(831) 758-7368

This sample demonstrates the Tree Grid with a detail template that displays additional information for each record below the corresponding row.

The detail template is configured using the DetailTemplate property inside the TreeGridTemplates component. It allows rendering custom content for each row without affecting the column structure.

In this demo, the detail row displays a panel with the employee's photo, address, country, designation, and contact information, while the Tree Grid displays all the columns.

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