All Components
Theme

Themes

    Grid / Column menu

    Description

    When you interact with grid columns, you may want to be able to trigger column operations via a dedicated menu for this purpose.

    The Kendo UI grid has built-in support for such a feature, which can be enabled via a single configuration setting, i.e. columnMenu=true. Thus an option to display a column menu will be rendered in the grid column headers, which when activated allows  you to sort, filter or change the visibility of the column.

    Furthermore, this menu takes into account whether a certain column operation is disabled via the column definition, and excludes the corresponding UI from its rendering. In this showcase this is done for the ShipAddress column where filtering is disabled.

    Further information about the available columnMenu API can be collected from this article.

    HTML5/JavaScript source

    Also available for:

    API Reference
    • column-menu.html
    • Sample service
    • Widget configuration

    Support & learning resources

    Grid for other technologies