KendoReact TreeList Overview

The KendoReact TreeList enables the display of self-referencing tabular data and allows sorting, filtering, and data editing.

The KendoReact TreeList component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-treelist package.


The following example demonstrates the TreeList in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

The KendoReact 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 KendoReact development team works constantly to improve the performance of the components and their capabilities.

Editing

Depending on your users' requirements, you can opt for the inline or the in-cell edit modes, provide editing from an external form, and also further customize the TreeList. Read more about the editing feature of the TreeList...

Paging

The TreeList enables you to split its content into pages by adding a pager and using its extensive set of configuration options such as implementing a responsive behavior, customizing its appearance, defining the space between its elements, and more. Read more about the pager options of the TreeList...

Sorting

The TreeList supports a number of sorting options including sorting and unsorting 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 and Excel

When implementing the TreeList export to PDF, you can set the fonts, the exact portion and layout of the exported content, also customize the columns and other elements of the output result. When exporting to Excel, you can export specific data and customize the exported columns. Read more on exporting the TreeList to PDF and exporting the TreeList to Excel...

Virtualization

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...

Globalization

The KendoReact 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 use of KendoReact TreeList, or any other KendoReact components, there are several support options available:

  • KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
  • The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
  • KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
  • KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.
  • Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.