Skip to content

SyncfusionExamples/how-to-show-vertical-border-to-the-column-wise-summary-rows-in-wpf-and-uwp-datagrid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

How to show vertical border to the column wise summary rows in WPF / UWP DataGrid?

This example illustrates how to show vertical border to the column wise summary rows in WPF / UWP DataGrid.

The vertical borders is not shows for each cell in summary rows when ShowSummaryInRow is disabled in WPF DataGrid / UWP DataGrid (SfDataGrid).

The summary rows will be displayed as shown in the following image.

To show the vertical borders for each cell in summary row, write style for BorderThickness of GridTableSummaryCell for GridTableSummaryRow, GridCaptionSummaryCell for CaptionSummaryRow, and GridGroupSummaryCell for GroupSummaryRows.

Refer to the following code for writing style for summary cells to show the vertical border.

<Style TargetType="syncfusion:GridTableSummaryCell">
     <Setter Property="BorderThickness" Value="0,0,1,0"/>
</Style>
<Style TargetType="syncfusion:GridCaptionSummaryCell">
     <Setter Property="BorderThickness" Value="0,0,1,1"/>
</Style>
<Style TargetType="syncfusion:GridGroupSummaryCell">
     <Setter Property="BorderThickness" Value="0,0,1,1"/>
</Style>

When the vertical border is applied, the summary rows will be appeared as shown in the following image.

vertical border to the column wise summary rows

About

This example illustrates how to show vertical border to the column wise summary rows in wpf and uwp datagrid.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 9

Languages