How to change the column stacking at runtime in StackedHeader of SfDataGrid?

You can define more than one header for SfDataGrid using SfDataGrid.StackedHeaderRows and you can define the columns by setting StackedHeaderRows.StackedColumns. The columns in StackedHeaderRow are stacked or grouped based on the StackedColumn.ChildColumns property. The following code example has SfDataGrid defined with StackedHeaderRows.

XAML

The following screenshot shows SfDataGrid with StackedHeaderRows.

Figure 1: SfDataGrid with StackedHeaderRows

You can change the column stacking at runtime by setting the StackedColumns.ChildColumns property as shown in the following code example.

C#

The following screenshot shows the output of the SfDataGrid with the newly updated ChildColumns to the already existing StackedColumn in StackedHeaderRows.

Figure 2: ChildColumns added to the existing StackedColumn

Sample links:

WPF

WinRT

UWP