[Feature] Datagrid - Change ColumnHeader Background Color

[paulober]

Describe the problem this feature would solve

Option to change the background of your ColumnHeaders.

Describe the solution

That you can change the background like the font size in the snippet below:

xmlns:primitives="using:Microsoft.Toolkit.Uwp.UI.Controls.Primitives"

...

<Style TargetType="primitives:DataGridColumnHeader">
    <!-- does work at the moment -->
    <Setter Property="FontSize" Value="{StaticResource HeaderFontSize}" />
    <!-- does not work at the moment -->
    <Setter Property="Background" Value="Transparent" />
</Style>

Additional context

For example, I would have done an acrylic background as you see above but it does not affect the style of the header.

Hello, 'pavll! Thanks for submitting a new feature request. I've automatically added a vote 👍 reaction to help get things started. Other community members can vote to help us prioritize this feature in the future!

[michael-hawker]

FYI there should be a set of resources which control this here:

WindowsCommunityToolkit/Microsoft.Toolkit.Uwp.UI.Controls.DataGrid/DataGrid/DataGrid.xaml

Lines 24 to 25 in 7eed078

	<StaticResource x:Key="DataGridColumnHeaderBackgroundColor" ResourceKey="SystemAltHighColor"/>
	<SolidColorBrush x:Key="DataGridColumnHeaderBackgroundBrush" Color="{StaticResource DataGridColumnHeaderBackgroundColor}"/>

Though ideally something like this can be templatebound and just set these as the default in the style instead, like normal.

For now, it's a standard XAML resource override, so you can do:

<controls:DataGrid.Resources>
  <SolidColorBrush x:Key="DataGridColumnHeaderBackgroundColor" Color="Transparent"/>
</controls:DataGrid.Resources>