Blazor Tree Grid Example - Column Template
Employee ID Press Enter to sort. Press Alt Down to open filter Menu | Name Press Enter to sort. Press Alt Down to open filter Menu | Employee Image Press Alt Down to open filter Menu | Designation Press Enter to sort. Press Alt Down to open filter Menu | DOB Press Enter to sort. Press Alt Down to open filter Menu | Location Press Enter to sort. Press Alt Down to open filter Menu | Availability Press Enter to sort. Press Alt Down to open filter Menu | Contact Press Enter to sort. Press Alt Down to open filter Menu |
|---|
| EMP001 | Robert King | ![]() | Chief Executive Officer | 2/15/1978 |
Seattle, WA | Available | |
| EMP004 | David William | ![]() | Vice President | 5/20/1990 |
Kirkland, WA | Available | |
| EMP035 | Nancy Davolio | ![]() | Marketing Executive | 3/19/1988 |
Redmond, WA | Available | |
| EMP045 | Andrew Fuller | ![]() | Sales Representative | 9/20/1993 |
London, UK | Not Available | |
| EMP091 | Anne Dodsworth | ![]() | Sales Executive | 7/10/1985 |
Seattle, WA | Available | |
| EMP110 | Michael Suyama | ![]() | Sales Representative | 11/5/1987 |
London, UK | Available | |
| EMP131 | Janet Leverling | ![]() | Marketing Representative | 4/12/1989 |
London, UK | Not Available | |
| EMP039 | Romey Wilson | ![]() | Sales Coordinator | 2/2/1994 |
London, UK | Available | |
| EMP213 | Margaret Peacock | ![]() | Sales Representative | 8/22/1986 |
Los Angeles, CA | Available | |
| EMP197 | Steven Buchanan | ![]() | Sales Representative | 1/30/1984 |
Salinas, CA | Not Available | |
| EMP167 | Tedd Lawson | ![]() | Sales Representative | 6/18/1991 |
Salinas, CA | Available |
This sample demonstrates column templates to enhance employee data with images, icons, and hyperlinks.
Customize cells using the column Template property. Access row data via the implicit context parameter. This demo includes an Employee Image, Designation icons, Location with icon, Availability badges, and a Contact hyperlink.
See the column template documentation for details.










