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:
- 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>
