Pager Component with Dropdown

8 Aug 20221 minute to read

Page size list

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 property of the Pager. 

In the following sample, the selected value in a dropdown will be set to the PageSize property, and the Pager will refresh based on this new page size.

@using Syncfusion.Blazor.Navigations

<SfPager TotalItemsCount="75" PageSizes=@pagesizes PageSize="5" NumericItemsCount="3">
</SfPager>

@code {
    public object[] pagesizes = new object[] { "All", 5, 10, 12, 20 };
}

Blazor Pager with Dropdown