Group row Arrow and group value from left and summary from right

[Diogenis Christoforidis]

Hello Syncfusion,

I want to place arrow and group value at left and summary at right. Something like image below

Here is MyCode

 <syncfusion:SfDataGrid x:Name="dataGrid" ColumnSizer="Auto" AllowGroupExpandCollapse="True">

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

                    <syncfusion:GridTextColumn MappingName="MainGroupItemName" IsHidden="True" />

                    <syncfusion:GridTextColumn MappingName="Total" IsHidden="True"/>

                    <syncfusion:GridTextColumn HeaderText="Περιγραφή" MappingName="Name" HeaderCellTextSize="14" CellTextSize="14" />

                    <syncfusion:GridTextColumn HeaderText="Ποσ." MappingName="Quantity" Width="80" Format="c2" HeaderCellTextSize="14" CellTextSize="14" />

                    <syncfusion:GridTextColumn HeaderText="Τιμή" MappingName="Price" Width="80" Format="c2" HeaderCellTextSize="14" CellTextSize="14" />

                    <syncfusion:GridTextColumn HeaderText="Σύνολο" MappingName="DiscountTotal" Width="80" Format="c2" HeaderCellTextSize="14" CellTextSize="14" />

                </syncfusion:SfDataGrid.Columns>

                <syncfusion:SfDataGrid.GroupColumnDescriptions>

                    <syncfusion:GroupColumnDescription ColumnName="MainGroupItemName"/>

                </syncfusion:SfDataGrid.GroupColumnDescriptions>

                <syncfusion:SfDataGrid.CaptionSummaryRow>

                    <syncfusion:GridGroupSummaryRow ShowSummaryInRow="False">

                        <syncfusion:GridGroupSummaryRow.SummaryColumns>

                            <syncfusion:GridSummaryColumn Name="DiscountTotal" Format="{}{Sum:c2}" MappingName="DiscountTotal" SummaryType="DoubleAggregate" />

                        </syncfusion:GridGroupSummaryRow.SummaryColumns>

                    </syncfusion:GridGroupSummaryRow>

                </syncfusion:SfDataGrid.CaptionSummaryRow>

                <syncfusion:SfDataGrid.TableSummaryRows>

                    <syncfusion:GridTableSummaryRow >

                        <syncfusion:GridTableSummaryRow.SummaryColumns >

                            <syncfusion:GridSummaryColumn Name="DiscountTotal" Format="{}{Sum:c2}" MappingName="DiscountTotal" SummaryType="DoubleAggregate" />

                        </syncfusion:GridTableSummaryRow.SummaryColumns>

                    </syncfusion:GridTableSummaryRow>

                </syncfusion:SfDataGrid.TableSummaryRows>

            </syncfusion:SfDataGrid>

[Suja Venkatesan]

Hi Diogenis, 

You can achieve your requirement “Arrow and group value at left and summary at right” by setting custom template for CaptionSummaryTemplate. For your reference, we have prepared a simple sample and it in the below sample link. 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/GettingStarted1559377672.zip 

Please refer our User Guidelines documentation regarding CaptionSummaryTemplate in the below link. 

UG link: https://help.syncfusion.com/xamarin/datagrid/summary#caption-summary-template 

Please let us know if you need any further assistance.  

Regards, 

Suja 

[Diogenis Christoforidis]

Thank you Suga, customtemplate is what i was looking for

[Suja Venkatesan]

Hi Diogensis, 

We are glad that our solution meets your requirement. Please let us know if you need further assistance. As always, we are happy to help you out.  

Regards,  

Suja