Performance

The Kendo UI for Angular TreeList can work with large data sets containing hundreds of fields, that result in rendering millions of table-cells.

Key Performance Features

These features enable the Kendo UI for Angular TreeList to display millions of records:

• Column Virtualization - The column virtualization can reduce the number of DOM elements on the page. This feature will render only the visible columns dynamically when the user scrolls horizontally. This allows only rendering a portion of the data when the user needs it.
• Virtual Scrolling (row virtualization) - This feature will only render a portion of the data initially, and it will dynamically render the rest of the data based on the scroll position. This is ideal when working with millions of records, as the TreeList will render only a small subset of the data at a time.
• Paging - Similar to the virtual scrolling, this will render only a portion of the data for the currently selected page. This feature can be used like an alternative to the virtual scrolling to cover other UX scenarios.

When testing the performance of the Kendo UI for Angular TreeList, please make sure to build your application in production mode. Enabling production mode improves application performance by disabling development-only safety checks and debugging utilities, such as the expression-changed-after-checked detection. This is closer to what the end-user will experience when using the final deployed.

Suggested Links

• API of the TreeListComponent
• Angular Production Mode
• Paging of the TreeList
• Virtual Scrolling of the TreeList