SfDataPager does not display in full width

Hello Sir,

I am using SfDataGrid with SfDataPager. I am using below code for SfDataPager

                <sfPager:SfDataPager x:Name="dpPropertyList" Grid.Row="1" Padding="0" Margin="0" ColumnSpacing="0" BackgroundColor="Gray"
                            PageSize="5" NumericButtonCount="2" Scale="0.5"
                            Source="{Binding xxx}">                   
                    <sfPager:SfDataPager.HeightRequest>
                        <OnPlatform x:TypeArguments="x:Double" iOS="50" Android="50" WinPhone="70"/>
                    </sfPager:SfDataPager.HeightRequest>
                </sfPager:SfDataPager>

It does not display in full width. Please find in attached Image. Do I have to set any property?

Please help.

Hi Binjan, 

  

Thank you for contacting Syncfusion support. 

  

We have checked your query “DataPager is not layout to available width”, In the provided code you have defined DataPager Scale value as “0.5”. Hence datapager is not layout to entire grid column width. We have checked the SfDataPager (16.4.0.48) with Xamarin 3.3 version and we have prepared a sample with details you have provided. 

  

Sample Link:http://www.syncfusion.com/downloads/support/forum/142317/ze/DataGrid3_150977548 

  

Please provide us the following details to replicate the numeric button clipping issue which is shared in screen shot. 

·       Are you defining column definition for the grid which has datapager. If so, please share the column definition value. 

·       Issue reproducing platform. 

  

If possible, can you please modify the attached sample to reproduce the issue from your side with device details, which will be helpful for us to validate the issue and provide you solution at earlier. 

  

Regards,
Subburaj Pandian V  

Thanks for reply and sample source.

     I have checked in VS2017 Emulator (Android_Accelerated_x86_Oreo).

Hi Binjan, 

 

Thank you for your update. 

 

We have validated your query “DataPager is not layout to available width” In the mentioned emulator (Android_Accelerated_x86_Oreo). In that numeric button is layout to available space and the available space is not enough for numeric button hence it is clipped. 

 

In your application you have defined DataPager.Scale value as “0.5” hence you are seeing some space around the datapager. If you set defined DataPager Scale value as “1”(default value) you won’t see any space around the datapager. 

 

We have attached the screenshot which is taken in Android_Accelerated_x86_Oreo emulator with DataPager.Scale value as 0.5 and 1 (Default value). 

 

Screen Shots : http://www.syncfusion.com/downloads/support/forum/142317/ze/DataPager_ScreenShot-694764424 

   

Regards, 

Pradeep Kumar B 

Hi Binjan, 

 

Thank you for the update. Please let us know, if you need any further assistance. 

 

Regards,
Subburaj Pandian V