Skip to main content

DxListBox<TData, TValue>.ListRenderMode Property

Specifies how the List Box component renders its items.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor


public ListRenderMode ListRenderMode { get; set; }

Property Value

Type Description

A ListRenderMode enumeration value.

Available values:

Name Description

The editor renders the entire item list. Use this option for small item lists where scrolling should be instant.


The editor renders list items only after they appear in the viewport. This approach improves performance when the list contains many items.


Set the ListRenderMode property to ListRenderMode.Virtual to enable virtual scrolling. In this mode, the component renders all rows that are in the viewport and several rows above and below that viewport. The additional row count depends on the bound data source and List Box layout. If you bind the component to custom data, the component requests data in small chunks as the user scrolls up or down.

The List Box also displays the vertical scrollbar that allows users to navigate through data.

<DxListBox Data="@Data"

@code {
    IEnumerable<string> Data;

Run Demo: List Box - Virtual Scrolling


DevExpress.Blazor.IListEditorBase<TData, TValue>.ListRenderMode
See Also