New to Kendo UI for Vue? Start a free 30-day trial
Custom Rendering
The DropDownTree 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 element content that holds the selected text, use the value-render prop.
The following example demonstrates how to customize the list elements and the element that holds the selected text.
Change Theme
Theme
Loading ...
Header and Footer
To customize the content of the header and footer, use the header and footer prop.
Change Theme
Theme
Loading ...
No Data
To customize the content of the option list when no data is present, use the listNoData prop.
Change Theme
Theme
Loading ...