syncfusion-react-treegrid

Bind hierarchical data by setting the dataSource property and childMapping to the property name containing child records, such as childMapping="Children". For flat data, use idMapping and parentIdMapping instead to define parent-child relationships via foreign keys.

Enable editing by configuring editSettings with a mode (Cell, Row, Dialog, or Batch) and allowEditing set to true, then inject the Edit module via Inject services. You must also mark exactly one column with isPrimaryKey={true} or CRUD operations will fail silently.

Expansion fails when childMapping is missing or does not exactly match the child property name in your data. Verify the data contains the nested array property and that childMapping references it precisely, or use idMapping with parentIdMapping for flat structures.

Yes, TreeGrid supports virtual scrolling and infinite scrolling for datasets exceeding 100,000 rows. Enable it through the virtual scrolling module and configure row height and viewport settings as described in the performance optimization guidance.

Yes, TreeGrid supports exporting to PDF, Excel, and CSV formats while preserving hierarchy levels. Inject the corresponding export module and configure export options such as columns, headers, footers, and page orientation.