All Components


    Grid / Toolbar template


    The Kendo UI grid exposes the option to define a template for the content of its toolbar, which can vary based on your requirements or preferences.

    Here we present a sample implementation of a toolbar template incorporating a Kendo UI dropdown to list the records in the grid by category. The dropdown is populated with the list of categories and the filter is applied on its change event by invoking the grid.dataSource.filter(params) method from the API.

    Note that the toolbar template is instantiated by calling the kendo.template method and assigning the returned value to the toolbar attribute of the grid instance.

    HTML5/JavaScript source

    Also available for:

    API Reference
    • toolbar-template.html
    • Sample service
    • Widget configuration

    Support & learning resources

    Grid for other technologies