DxDataGrid<T>.PagerNavigationMode Property

Specifies how users navigate between the grid pages.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

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

Property Value

Type Default Description
PagerNavigationMode

Auto

A PagerNavigationMode enumeration’s value.

Available values:

Name Description
Auto

If the number of pages is greater or equal to the SwitchToInputBoxButtonCount (for the Pager) or PagerSwitchToInputBoxButtonCount (for the Data Grid) value or the Pager component is shown on small devices, the Go to Page input box is displayed. 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

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