• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Virtual Scrolling in ASP.NET Core Kanban Control

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.

DEMO
SOURCE

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.