• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Data Binding

The KendoReact OrgChart allows you to bind its data to either flat data or tree data. In both cases, it is required to set the titleField property.

Tree Data

The following approach demonstrates how to bind the OrgChart data to tree data.

Example
View Source
Change Theme:

Flat Data

This is demonstrated in the below example that uses the createDataTree method in order transform the flat data to tree data.

Example
View Source
Change Theme:

In this article

Not finding the help you need?