Skip to content

Commit 0dfedbf

Browse files
993664: Updated the Pager Drop-down UG content and samples in Blazor Pager Component
1 parent 8d8cdbb commit 0dfedbf

File tree

1 file changed

+8
-4
lines changed

1 file changed

+8
-4
lines changed

blazor/pager/pager-with-drop-down.md

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Pager with Dropdown in Blazor Pager Component | Syncfusion
4-
description: Checkout and learn here all about how to render the Syncfusion Blazor Pager component with dropdown and much more.
3+
title: Configure a Page-Size Dropdown in the Blazor Pager Component | Syncfusion
4+
description: Learn how to enable page-size selection with a dropdown in the Syncfusion Blazor Pager component.
55
platform: Blazor
66
control: Pager
77
documentation: ug
@@ -10,11 +10,15 @@ documentation: ug
1010

1111
# Pager Component with Dropdown
1212

13+
The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Pager component provides navigation for paginated data and supports dynamic page size selection through a dropdown list. This feature allows adjusting the number of items displayed per page without reloading the entire view, improving flexibility and enhancing the experience in applications with large datasets.
14+
1315
## Page size list
1416

15-
The Pager component provides an option to change the number of items dynamically using a dropdown list. This can be achieved by using the [PageSizes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSizes) property of the Pager. 
17+
The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Pager component supports dynamic page size selection through a dropdown list. This is configured using the [PageSizes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSizes) property. When a value is selected from the dropdown, it updates the [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSize) property, and the Pager refreshes to display the specified number of items per page.
18+
19+
The [ShowAllInPageSizes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_ShowAllInPageSizes) property adds an **All** option to the dropdown list. When `ShowAllInPageSizes` is set to **true**, selecting this option displays all items in a single page, bypassing pagination.
1620

17-
In the following sample, the selected value in a dropdown will be set to the [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfPager.html#Syncfusion_Blazor_Navigations_SfPager_PageSize) property, and the Pager will refresh based on this new page size.
21+
Values for the `PageSizes` property must be provided as a collection of integers representing the available page size options.
1822

1923
```csharp
2024
@using Syncfusion.Blazor.Navigations

0 commit comments

Comments
 (0)