R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder



      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