Is there any way to align SfDataGrid as a centered in Grid or ContentView

[Xamarin Hunter]

Maybe this is a very simple problem but I could not succeed this. My SfDataGrid could not be located centrally at horizontal and vertical in Grid or ContentView.

For Example: In a Grid;

            <ContentView Grid.Row="1" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

                <syncfusion:SfDataGrid HorizontalOptions="Center" VerticalOptions="Center" AllowEditing="False" AllowResizingColumn="False" ColumnSizer="Auto"></syncfusion:SfDataGrid>

            </ContentView>

When I enter these codes, the data grid is not positioned horizontally and vertically. Every time, located according to the left side.

[Balasubramani Sundaram]

Hi Xamarin Hunter,  

 

Thank you for contacting Syncfusion support.   

 

Based on your provided code snippet we analyzed, if we set the column sizer to auto and LayoutOption to SfDataGrid, it will load at the center with minimum width and height measurements, you must set the MinimumWidthRequest to "0" to get the proper layout at the center. 

 

Please refer the below sample and code snippet,  

 

Code Snippet [C#] 

 

<ContentPage.Content> 

    <ContentView HorizontalOptions="FillAndExpand"  

                     VerticalOptions="FillAndExpand"> 

        <syncfusion:SfDataGrid  

                               ColumnSizer="Auto" 

                               HorizontalOptions="Center" 

                               VerticalOptions="Center" 

                               MinimumWidthRequest="0" 

                               AutoGenerateColumns="False" 

                               ItemsSource="{Binding OrdersInfo}"> 

            <syncfusion:SfDataGrid.Columns> 

                ....... 

                ....... 

                ....... 

            </syncfusion:SfDataGrid.Columns> 

        </syncfusion:SfDataGrid> 

    </ContentView> 

</ContentPage.Content> 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGridDemo-1870805973 

 

  

 

 

We hope this helps. Please let us know, if you need any further assistance. 

 

Regards,
Balasubramani Sundaram. 

 

[Xamarin Hunter]

Hi Xamarin Hunter,  

 

Thank you for contacting Syncfusion support.   

 

Based on your provided code snippet we analyzed, if we set the column sizer to auto and LayoutOption to SfDataGrid, it will load at the center with minimum width and height measurements, you must set the MinimumWidthRequest to "0" to get the proper layout at the center. 

 

Please refer the below sample and code snippet,  

 

Code Snippet [C#] 

 

<ContentPage.Content> 

    <ContentView HorizontalOptions="FillAndExpand"  

                     VerticalOptions="FillAndExpand"> 

        <syncfusion:SfDataGrid  

                               ColumnSizer="Auto" 

                               HorizontalOptions="Center" 

                               VerticalOptions="Center" 

                               MinimumWidthRequest="0" 

                               AutoGenerateColumns="False" 

                               ItemsSource="{Binding OrdersInfo}"> 

            <syncfusion:SfDataGrid.Columns> 

                ....... 

                ....... 

                ....... 

            </syncfusion:SfDataGrid.Columns> 

        </syncfusion:SfDataGrid> 

    </ContentView> 

</ContentPage.Content> 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGridDemo-1870805973 

 

  

 

 

We hope this helps. Please let us know, if you need any further assistance. 

 

Regards,
Balasubramani Sundaram. 

 

Thank you for your answer. I've tried the code block instance you mentioned; When I compile the application, a problem occurs: the datagrid is located in the center but then, it is placed to the left. I don't understand this problem. Here is my code:

            <ContentView Grid.Row="6" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

                <syncfusion:SfDataGrid MinimumWidthRequest="0" HorizontalOptions="Center" VerticalOptions="Center" BackgroundColor="Transparent" AllowEditing="False" AllowResizingColumn="False" ColumnSizer="Auto" AutoGeneratingColumn="MyAlter_AutoGeneratingColumn"></syncfusion:SfDataGrid>

            </ContentView>

[Balasubramani Sundaram]

Hi Utemar, 

 

Thanks for the update.     

 

We have tried your code snippet in our earlier provided sample, in that instead of creating a column manually we have AutoGenerated them and in AutoGeneratingColumn event we have done some customization then also it is working fine as we expected. 

 

Please refer the sample and code snippet,  

 

Code Snippet [C#] 

 

[MainPage.Xaml] 

 

<ContentPage.Content> 

    <ContentView HorizontalOptions="FillAndExpand"  

                 VerticalOptions="FillAndExpand"> 

        <syncfusion:SfDataGrid  

                           x:Name="myGrid"   

                           ColumnSizer="Auto" 

                           HorizontalOptions="Center" 

                           VerticalOptions="Center" 

                           MinimumWidthRequest="0" 

                           AllowResizingColumn="False" 

                           AutoGenerateColumns="True" 

                           AutoGeneratingColumn="myGrid_AutoGeneratingColumn" 

                           ItemsSource="{Binding OrdersInfo}"> 

        </syncfusion:SfDataGrid> 

    </ContentView> 

</ContentPage.Content> 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGridDemo268242131 

 

 

 

 

Android

UWP

 

Note: Issue has been checked with Xamarin. Forms version 3.6 and Syncfusion NuGet version 17.3.0.28 

    

Please check the sample and let us know if you still facing the same issue? If not, please modify the sample based on your scenario and revert us with the more details, so that it will be helpful for us to check on it and provide you the solution at the earliest.    

 

Regards,
Balasubramani Sundaram.