Overview

Render only the visible portion of Tree Grid content while navigating large datasets. Virtualization is suitable for applications that require viewport-based rendering of extensive row and column data.


Virtualization

React Tree Grid virtualization is a technique that limits rendering to the parts that are currently visible. Initial load performance improves by displaying only visible content.

React Tree Grid Row Virtualization.

Row virtualization

Render rows based on the current vertical viewport and update them as scrolling occurs. Row virtualization is suitable for hierarchical datasets that contain a large number of records.

React Tree Grid Column Virtualization.

Column virtualization

Render columns based on the current horizontal viewport and update them during horizontal scrolling. Column virtualization is suitable for Tree Grids that contain many columns across a wide dataset.


Explore all Syncfusion React components

Explore over 140+ React UI components featuring established, and production-ready controls built for modern web app development.

Scroll up icon
Syncfusion Feedback