Components / TreeList / Overview / 

Kendo UI for Vue Native TreeList Overview

The Kendo UI for Vue Native TreeList enables the display of self-referencing tabular data and allows sorting and filtering.

The Kendo UI for Vue Native TreeList component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-treelist package.

The TreeList Package is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Start Free Trial

The following example demonstrates the TreeList in action.

Example
View Source
Change Theme:

Key Features

The Kendo UI for Vue Native TreeList provides a wide and always growing range of built-in features that isn't limited by the list in this section. This developer-friendly feature set allows you to create beautiful and functional applications faster. At the same time, the Kendo UI for Vue development team works constantly to improve the performance of the components and their capabilities.

Editing

Depending on the scenario of your application, you can set the TreeList in inline or in-cell edit modes, or configure an external form to change its data. Read more about the editing feature of the TreeList

Paging

The TreeList provides a functionality to split its data content into pages. Read more about the pager options of the TreeList

Sorting

The TreeList supports a number of sorting options including sorting and unsorting of single and multiple columns, pre-sorting its data records, setting the sorting direction, and more. Read more about the sorting options of the TreeList

Filtering

The TreeList provides options for displaying only those data records which meet specified criteria and also for additionally customizing its filtering behavior by using its built-in filter templates or reusable custom filter components. Read more about filtering the TreeList records

Export to PDF

The PDF export functionality of the TreeList allows you to:

  • Configure the fonts in the exported document.
  • Configure the layout of the exported content.
  • Customize the different elements in the output result.

Find more about the PDF export features in the exporting the TreeList to PDF article.

Export to Excel

With the Excel export functionality of the TreeList, you can:

  • Export all TreeList data to Excel.
  • Export specific data.
  • Customize the exported columns.

Find more about the Excel export features in the exporting the TreeList to Excel

Virtualization - Virtual Scrolling

The TreeList supports a virtual scroll mode for its row data, which means that the component dynamically renders only a portion of the rows. This virtualization approach boosts the performance of the component when it has to display large data tables. Read more about the virtualization feature of the TreeList

Column Virtualization

The TreeList supports a virtual scrolling functionality also for its columns. All Virtual Scrolling benefits listed above are valid here in the context of the TreeList's columns. Read more about the column virtualization feature of the TreeList

Globalization

The Kendo UI for Vue Native TreeList comes with globalization features that allow you to create applications that can be used all over the world. This is achieved by combining the translation of component messages with adaptation to specific cultures. Read more about the globalization of the TreeList

Support Options

For any questions about the Kendo UI for Vue Native TreeList, or any other Kendo UI for Vue components, you have these support options available:

  • Kendo UI for Vue license holders and anyone in an active trial can take advantage of the outstanding customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
  • The Kendo UI for Vue forums are part of the free support you can get from the community and from the Kendo UI for Vue team on all kinds of general issues.
  • Kendo UI for Vue Feedback Portal and Kendo UI for Vue Roadmap provide information on the features in discussion and also those planned for release.

Support and Learning Resources

Additional Resources

Previous
TooltipProps
Next
Getting Started

In this article

Not finding the help you need?

Contact Support