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:
- PagerVisibleNumericButtonCount - Specifies the maximum number of numeric buttons the pager displays simultaneously.
- PagerAutoHideNavButtons - Specifies whether the navigation buttons are hidden when all numeric buttons are displayed.
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>
