All Components


    Grid / Hierarchy


    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[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