All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      Grid / Hierarchy

      Description

      There are projects which require to display table data in hierarchical-like fashion, in order to visualize relations between parent and child records.

      This is where the Kendo UI grid hierarchy feature comes into play. To implement hierarchy with the grid widget, you need to wire its detailInit event and filter the records in the child table based on the parent key field value. Note that the e.data.[keyFieldValue] argument holds the actual key value from the parent record.

      Additional info about the detailInit event args is available in the API docs.

      HTML5/JavaScript source

      Also available for:

      API Reference
      • hierarchy.html
      • Sample service
      • Widget configuration

      Support & learning resources

      Grid for other technologies