New to Kendo UI for jQuery? Download free 30-day trial

Toolbar template

Loading Demo...
  • toolbar-template.html
  • Sample service

Also available for:



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.

Support & Learning Resources