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

Custom Rendering

The MultiSelectTree provides options for customizing the way it renders its elements.

Items and Value element

To customize the content of each option list item, use the item prop. To customize the tag elements, use the tag prop.

The following example demonstrates how to customize the list and tag elements.

Example
View Source
Change Theme:

To customize the content of the header and footer, use the header and footer prop.

Example
View Source
Change Theme:

No Data

To customize the content of the option list when no data is present, use the listNoData prop.

Example
View Source
Change Theme: