Image on column header

[RAFAEL FELIPE SACOMANI]

It´s possible add an image on header column in sfdatagrid in Xamarin forms?

Look the attachment for details

[Balasubramani Sundaram]

Hi Rafael,  

 

Thank you for contacting Syncfusion support. 

 

We could able to achieve you requirement of add an image in header column through “HeaderTemplate” support in “SfDataGrid” on each data column. However, we don’t have auto fit support for the data template, so you must set the “HeaderHeightRequest” based on the image height you define in application. 

 

Please refer the following sample and code snippet, 

 

Code Snippet [MainPage.xaml] 

 

<dataGrid:SfDataGrid 

     ...... 

     HeaderRowHeight="100" 

        > 

    <dataGrid:SfDataGrid.Columns x:TypeArguments="syncfusion:Columns"> 

        <dataGrid:GridTextColumn  MappingName="OrderID"  Padding="0,0,0,0"> 

            <dataGrid:GridTextColumn.HeaderTemplate> 

                <DataTemplate> 

                    <StackLayout> 

                        <Image x:Name="headerImage" Source="Right.jpg"  HeightRequest="100" WidthRequest="50"/> 

                    </StackLayout> 

                </DataTemplate> 

            </dataGrid:GridTextColumn.HeaderTemplate> 

        </dataGrid:GridTextColumn> 

        <dataGrid:GridTextColumn  MappingName="EmployeeID"/> 

        <dataGrid:GridTextColumn   MappingName="CustomerID"/> 

    </dataGrid:SfDataGrid.Columns> 

</dataGrid:SfDataGrid> 

 

 

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

 

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

  

Regards,
Balasubramani Sundaram. 

[RAFAEL FELIPE SACOMANI]

Thanks!! Solve my problem! <3

[Farjana Parveen Ayubb]

Hi Rafael, 

 

Thanks for the update. 

 

We are glad to know that the reported problem has been resolved at your end. Please let us know if you have any further queries on this. We are happy to help you. 

 

Regards, 

Farjana Parveen A