Skip to main content

DxDataGrid<T>.VerticalScrollBarMode Property

Specifies the vertical scrollbar’s display mode.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

Declaration

[DefaultValue(ScrollBarMode.Hidden)]
[Parameter]
public ScrollBarMode VerticalScrollBarMode { get; set; }

Property Value

Type Default Description
ScrollBarMode Hidden

A ScrollBarMode enumeration value.

Available values:

Name Description
Auto

The component automatically shows a scrollbar when the content size exceeds the component size itself.

Hidden

The scrollbar is hidden.

Visible

The scrollbar is visible.

Remarks

Important

The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.

Use the VerticalScrollBarMode property to control the visibility of the vertical scroll bar in the grid. To specify the horizontal scroll bar’s display mode, use the HorizontalScrollBarMode property.

Set the Width property for all Data Grid columns. Columns with unspecified widths might be hidden if the Data Grid does not have sufficient space to display them.

Refer to the following topic for more information: Table Layout Specifics.

Data Grid - Vertical scrolling

<DxDataGrid Data="@DataSource" 
            VerticalScrollBarMode="ScrollBarMode.Auto"
            VerticalScrollableHeight="300"
            PageSize="30" >
    ...
</DxDataGrid>

Run Demo: Data Grid - Scrolling

See Also