Paging

[linsee]

https://help.syncfusion.com/aspnet-core/grid/paging?cs-save-lang=1&cs-lang=js

https://help.syncfusion.com/aspnet-core/pager/behavior-settings

How to set the pager to set the page-size-list with grid/paging to be used on the grid?

[Balasubramanian Masilamani]

Hi Linsee, 

 

Thanks for contacting Syncfusion support. 

 

We have checked your query and we suspect that you would like to set the page size for grid when clicking the dropdown value in pager. So we suggest you to use page-size-list property of page-settings in grid which helps to render the dropdown and set the page size based on clicking the value. 

Please refer the code sample 

 

<ej-grid id="Grid" allow-paging="true" show-stacked-header="true" datasource="ViewBag.datasource"> 

    <e-page-settings page-size="10" page-size-list="new List<int> { 8,10,12, 15, 20}"> </e-page-settings> 

    <e-columns> 

        <e-column field="OrderID" header-text="Order ID" is-primary-key="true"></e-column> 

        <e-column field="EmployeeID" header-text="Employee ID"></e-column> 

        <e-column field="ShipCity" header-text="Ship City"></e-column> 

    </e-columns> 

</ej-grid>  

 

If this not meet your requirement please get back to us with the following details. 

1. Share the exact scenario of your requirement.
2. Share the screenshot/ video of the requirement.

The provided information will help us to analyze the issue and provide you the response as early as possible. 

 

Please let us know if you need any further assistance. 

Regards, 

Balasubramanian Masilamani