Hi Michael,
Thanks for contacting Syncfusion support.
Query: “Any idea how I can get the pager to look better when its used on a narrow (one column) grid and wraps?”
We have analyzed your query and we are able to reproduce the reported behavior at our end while rendering the Grid inside a parent container. Currently we do not have support for your requirement. But we have considered your requirement as usability feature and logged the improvement “Pager Dropdown is not responsive when Grid is rendered in a small container”. We are always trying to make our products better and feature requests like yours are a key part of our product growth efforts. Fix for the improvement will be included in any of our upcoming release.
You can also communicate with us regarding the open features any time using our feature report page.
Till then we suggest you to reduce the Page count displayed in Pager component using PageCount property of GridPageSettings. Refer the below code example.
|
<div style="height: 600px;width: 400px">
<SfGrid DataSource="@Orders" AllowFiltering="true" Height="100%" Width="100%" AllowPaging="true">
<GridPageSettings PageCount="1" PageSizes="true"></GridPageSettings>
<GridColumns>
<GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" TextAlign="TextAlign.Right" Width="120"></GridColumn>
</GridColumns>
</SfGrid>
</div> |
Regards,
Vignesh Natarajan
