New to Kendo UI for Vue? Start a free 30-day trial

Templates

The MultiColumnComboBox provides the means needed to define column template, column headerTemplate and footerTemplate.

The template and the header-template could be defined for each of the columns available in the widget. The footer-template and the no-data-template, on the other hand, are defined for the entire popup of the widget. The templates in the MultiColumnComboBox are rendered by using the Kendo UI templates.

Column Templates

The column template manages the way a given column values in the MultiColumnComboBox popup are rendered.

Example
View Source
Change Theme:

Header Templates

The column header-template defines the header appearance and content for a givin column.

Example
View Source
Change Theme:

The footer-template manages the way the popup footer of the MultiColumnComboBox is rendered. The footer is re-rendered on every change of the Data Source. The context of the template is the component itself.

Example
View Source
Change Theme:

No-Data Templates

The MultiColumnComboBox displays the no-data-template in its popup when the data source is empty.

When the noDataTemplate option is defined, the component always opens the popup element.

Example
View Source
Change Theme: