Example of Detail Template in Javascript Tree Grid Control

Detail Template

This sample demonstrates the Tree Grid component with the detail template feature.

More Details...


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. Injecting Module: Tree Grid features are segregated into individual feature-wise modules. To use detail template feature, we need to inject DetailRow using the TreeGrid.Inject(DetailRow) section.