PageSize on mobile web size for Blazor Datagrid

[LEE]

<SfGrid ID="Grid" DataSource="@Orders" @ref="Grid" AllowPaging="true" AllowFiltering="true" AllowReordering="true" AllowResizing="true" AllowGrouping="true" AllowExcelExport="true" AllowSelection="true"

        AllowSorting="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update", "ExcelExport", "Search" })" Height="315" Width="900">

.....

<GridPageSettings PageSizes="@(new string[] { "5", "10", "15", "20", "All" })"></GridPageSettings>

.....

When I see this Gird on the mobile size, it shows only 

without 'dropdown' of pagesize, or pagenumber...

So where I can edit this design code?

[Monisha Saravanan]

Hi Lee,

Greetings from Syncfusion.

We would like to inform you that we have fixed a similar issue in our 2023 volume 4 release. So if you are using our older version then kindly upgrade to our version after (24.1.41) and check the reported issue at your end.

For additional information please refer the below feedback and release notes:

Pager Dropdown is not responsive when Grid is rendered in a small container in Blazor | Feedback Portal (syncfusion.com)

Release Notes: https://blazor.syncfusion.com/documentation/release-notes/24.1.41?type=all#pager

Note: Kindly upgrade your scripts and styles to the latest version along with Nuget upgradation.

If you are facing issue after upgrading, then kindly share us the video demonstration of the reported issue along with entire Grid code. It would be very helpful for us to validate the reported issue at our end.

Regard,

Monisha

[LEE]

Thank you, Monisha

I tired it with 24.1.41

But I can't see the dropdownlist of page on mobile window size.

I want the dropdownlist instead of ' 2 of 7 pages'.

[Monisha Saravanan]

Hi Lee,

We would like to clarify that the reported issue occurs due to the width applied to the DataGrid component. Because the pager dropdown will be enabled based on the screensize and while switching the Grid to mobile view the screen size will be lesser so the pager dropdown is hidden. so If you wish to render the pager dropdown on mobile devices we suggest you to try using Adaptive feature of DataGrid.

Kindly try setting the width as 100% at your end and check the reported issue at our end.

Please let us know if you have any concerns.

Regards,

Monisha