All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      Grid / Toolbar template

      Description

      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