Progress KendoReact TreeView Component

Overview

The React TreeView shows hierarchical data in a standard tree structure, supports user interaction via mouse and touch events, and allows nodes to be reordered using the built-in drag and drop feature.

Data Binding

The KendoReact TreeView can be bound to numerous sorts of data thanks to its ability to map essential fields with simplicity.

Expanding Items

By just clicking on a node in the React TreeView, you may expand or collapse it. The expansion status of nodes may also be adjusted programmatically, allowing them to be extended at render time or dynamically changed.

Selection

The KendoReact TreeView allows nodes to be chosen with a single click or with built-in checkboxes when selection is enabled.

Checkboxes

Checkboxes can be presented next to each node in the KendoReact TreeView to aid in choosing nodes across the whole TreeView.

Dragging & Dropping

Users may move TreeView elements around by dragging and dropping them within a single tree or across many trees using the KendoReact TreeView's drag-and-drop functionality.

Persisting Focus

While reloading data, the KendoReact TreeView allows developers to retain the emphasis on the currently selected item.

Custom Rendering

Nodes in the React TreeView may be totally modified by defining a custom renderer, allowing complete control over the content of each node.

The KendoReact TreeView includes built-in keyboard navigation to make it easier to navigate and interact with all of the tree's nodes.

Accessibility

The KendoReact TreeView is WCAG 2.0 AAA certified and conforms to Section 508 and WAI-ARIA requirements.

Learn more about KendoReact and the most popular controls
Download Free Trial
Pricing
Online Demos
Community Forums
TreeView component is also available for Blazor, ASP.NET Core & Angular

Are You Planning a Complex or Multi-Platform Project Soon?

More than 270,000 customers in 100+ countries, trust us to move their business forward by relying on our controls and tools for web (React, Angular, jQuery, Vue, ASP.NET AJAX, ASP.NET MVC, ASP.NET Core, Blazor, Silverlight, PHP, JSP), mobile (.NET MAUI, Xamarin), desktop development (WinUI, WinForms, WPF, UWP), reporting and mocking (Reporting, Report Server, JustMock), automated testing (Test Studio, Test Studio Dev Edition), CMS (Sitefinity), document management (Telerik Document Processing), UI/UX design (Unite UX), debugging (Fiddler Everywhere, Fiddler Classic, Fiddler Jam, FiddlerCap, FiddlerCore), extended reality (UI for Unity XR), free tools (JustAssembly, JustDecompile, VB.NET to C# Converter, Testing Framework). Learn more at Telerik.com.

Telerik