Skip to main content

DxDataGrid<T>.PagerNavigationMode Property

Specifies how users navigate between the grid pages.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

Declaration

[DefaultValue(PagerNavigationMode.Auto)]
[Parameter]
public PagerNavigationMode PagerNavigationMode { get; set; }

Property Value

Type Default Description
PagerNavigationMode

Auto

A PagerNavigationMode enumeration value.

Available values:

Name Description
Auto

The input box is displayed if the number of pages is greater than or equal to the SwitchToInputBoxButtonCount (for the Pager) or PagerSwitchToInputBoxButtonCount (for the Grid), or the pager is shown on small devices. Otherwise, numeric buttons are displayed.

InputBox

Users can type a page number in the displayed Go to Page input box to jump to the corresponding page.

NumericButtons

Users can click numeric buttons to navigate between pages.

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 PagerNavigationMode property to specify how users navigate between pages. The following values are available:

  • InputBox - Users can type a page number in the Go to Page input box to navigate to the corresponding page.
  • NumericButtons - Users can click numeric buttons to navigate between pages.
  • Auto (Default) - If the number of pages is greater or equal to the PagerSwitchToInputBoxButtonCount value or the Data Grid is shown on small devices, the Go to Page input box is displayed. Otherwise, numeric buttons are displayed.

In NumericButtons mode, you can also define the following properties:

The code below demonstrates how to display the Go to Page input box within the DxDataGrid<T>.

<DxDataGrid Data="..."
         PageIndex="1"
         PagerNavigationMode="PagerNavigationMode.InputBox">
</DxPager>

Data Grid GoToPage

Run Demo: Data Grid - Paging

See Also