Back to Devexpress

Scrolling in Blazor Pivot Table

blazor-405626-components-pivottable-scrolling.md

latest1.7 KB
Original Source

Scrolling in Blazor Pivot Table

  • Nov 19, 2025

The DevExpress Blazor Pivot Table displays horizontal and vertical scrollbars in the Data area when content exceeds the viewport.

Virtual Scrolling

You can activate column/row virtualization to optimize DevExpress Blazor Pivot Table performance when working with large datasets. Once virtual scrolling is activated, the component renders only columns/rows within the viewport (and a small buffer area). Other cells are loaded dynamically as users scroll the Pivot Table.

Use the following API members to configure virtual scrolling:

VirtualScrollingEnabledSpecifies whether virtual scrolling is active.VirtualScrollingModeSpecifies the virtual scrolling mode:

  • Vertical: Only rows are virtualized.
  • Horizontal: Only columns are virtualized.
  • Both or Default: Rows and columns are virtualized.

The following code activates horizontal virtual scrolling in the Pivot Table:

razor
<DxPivotTable Data="SalesData"
              VirtualScrollingEnabled="true"
              VirtualScrollingMode="PivotTableVirtualScrollingMode.Horizontal">
    <Fields>
        @*...*@
    </Fields>
</DxPivotTable>

The Pivot Table renders skeleton items while it retrieves data during scrolling operations.

Run Demo: Virtual Scrolling