New to Kendo UI for jQuery? Download free 30-day trial
Detail template
- EXAMPLE
- VIEW SOURCE
-
EDIT
-
Change Theme
default
- Main
- Main Dark
- Nordic
- Ocean Blue
- Purple
- Turquoise
- Main
- Main Dark
- Nordic
- Urban
- Vintage
- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
- Main
- Main Dark
- Opal
- Silver
Also available for:
API REFERENCEDescription
This example demonstrates how you can utilize the detail template feature of the Kendo UI grid when implementing hierarchical table presentation. The key steps here are to:
- specify detailTemplate definition for the grid
- intercept its detailInit event in order to populate the details for the expanded item
In the scenario presented above we inject a tabstrip widget with two tabs in the detail template - the first holding the orders of the pertinent employee, and the second containing the contact information of that employee. The orders are populated inside the detailInit event handler applying filter by EmployeeID of the expanded grid row.