Example of Virtual Scrolling in Javascript (ES5) Kanban Control

/
/
Virtual Scrolling

This sample demonstrates the Kanban board with the virtual scrolling feature. It configures a large dataset as the data source, allowing smooth navigation and rendering of a significant amount of data while scrolling through Kanban columns.

More Details...

Description

The Kanban board UI virtualization feature allows for rendering the column cards that are visible within the viewport, without buffering the entire data source. To enable virtualization, you can set the enableVirtualization property to true. In this demo, a dataset of 100K items has been configured for the dataSource property. Despite the large dataset, the Kanban board efficiently handles the rendering and interaction, ensuring a smooth user experience. Users can seamlessly navigate and interact with the Kanban board, even with such a significant amount of data.