Example of Detail Template in ASP.NET Core Tree Grid Control

Tree Grid

Rows

Detail Template

This sample demonstrates the TreeGrid component with the detail template feature.

First Name

DOB

Designation

EmployeeID

Country

TreeGrid_gridcontrol_header_table

Robert King was born on 2/15/1963. Now lives at 507 - 20th Ave. E.Apt. 2A, Seattle, USA. Robert King holds a position of Chief Executive Officer in our WA department, (Seattle USA). Contact:(206) 555-9857
Robert King	2/15/1963	Chief Executive Officer	EMP001	USA
David william	5/20/1971	Vice President	EMP004	USA
David william was born on 5/20/1971. Now lives at 722 Moss Bay Blvd., Kirkland, USA. David william holds a position of Vice President in our WA department, (Seattle USA). Contact:(206) 555-3412
Nancy Davolio	3/19/1966	Marketing Executive	EMP035	USA
Nancy Davolio was born on 3/19/1966. Now lives at 4110 Old Redmond Rd., Redmond, USA. Nancy Davolio holds a position of Marketing Executive in our WA department, (Seattle USA). Contact:(206) 555-8122
Andrew Fuller	9/20/1980	Sales Representative	EMP045	UK
Andrew Fuller was born on 9/20/1980. Now lives at 14 Garrett Hill, London, UK. Andrew Fuller holds a position of Sales Representative in our WA department, (Seattle USA). Contact:(71) 555-4848
Anne Dodsworth	10/19/1989	Sales Representative	EMP091	USA
Anne Dodsworth was born on 10/19/1989. Now lives at 4726 - 11th Ave. N.E., Seattle, USA. Anne Dodsworth holds a position of Sales Representative in our WA department, (Seattle USA). Contact:(206) 555-1189
Michael Suyama	11/2/1987	Sales Representative	EMP110	UK
Michael Suyama was born on 11/2/1987. Now lives at Coventry House Miner Rd., London, UK. Michael Suyama holds a position of Sales Representative in our WA department, (Seattle USA). Contact:(71) 555-3636
Janet Leverling	11/6/1090	Sales Coordinator	EMP131	UK
Janet Leverling was born on 11/6/1090. Now lives at Edgeham Hollow Winchester Way, London, UK. Janet Leverling holds a position of Sales Coordinator in our WA department, (Seattle USA). Contact:(71) 555-3636
Romey Wilson	2/2/1980	Sales Executive	EMP039	UK
Romey Wilson was born on 2/2/1980. Now lives at 7 Houndstooth Rd., London, UK. Romey Wilson holds a position of Sales Executive in our WA department, (Seattle USA). Contact:(71) 555-3690
Margaret Peacock	1/21/1986	Sales Representative	EMP213	USA
Margaret Peacock was born on 1/21/1986. Now lives at 4726 - 11th Ave. N.E., California, USA. Margaret Peacock holds a position of Sales Representative in our WA department, (Seattle USA). Contact:(206) 555-1989
Steven Buchanan	3/23/1987	Sales Representative	EMP197	USA
Steven Buchanan was born on 3/23/1987. Now lives at 200 Lincoln Ave, Salinas, CA 93901, USA. Steven Buchanan holds a position of Sales Representative in our WA department, (Seattle USA). Contact:(831) 758-7408
Tedd Lawson	8/9/1989	Sales Representative	EMP167	USA
Tedd Lawson was born on 8/9/1989. Now lives at 200 Lincoln Ave, Salinas, CA 93901, USA. Tedd Lawson holds a position of Sales Representative in our WA department, (Seattle USA). Contact:(831) 758-7368

The detail row template provides an additional information about a data row. The detailTemplate property accepts either string or HTML element`s ID value, which will be used as the template for the detail row.

In this demo, we have presented Employee Information with image in the detail row.

The template expression should be provided inside ${...} interpolation syntax.

DetailTemplate

Example of Detail Template in ASP.NET Core Tree Grid Control