MahApps DataGrid column header casing

Question

I'm using the excellent MahApps library to style my WPF app and have integrated a DataGrid to display rows from a database. MahApps' default styling of the DataGrid displays the column headers in upper-case, but in my case I need to keep the original casing of the columns.

Now I'm not an expert in WPF and even less in WPF styling, so I was wondering whether there was an "easy" way to only reset the casing of the TextBlock used there, or if I had to re-define a complete DataGrid styling.

Thanks in advance, Thomas

kkyr · Accepted Answer · 2015-10-29T09:33:05.497

24

You can do this by creating a style just for the DataGridColumnHeader, not the whole DataGrid:

<Window xmlns:controls="http://metro.mahapps.com/winfx/xaml/controls"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        ... >


    <Window.Resources>
        <Style x:Key="MyColumnHeader" 
               BasedOn="{StaticResource MetroDataGridColumnHeader}" 
               TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="controls:ControlsHelper.ContentCharacterCasing" Value="Normal"/>
        </Style>
    </Window.Resources>

    ...

    <DataGrid ColumnHeaderStyle="{StaticResource MyColumnHeader}"
              ... />

    ...

</Window>

Make sure you have the latest (pre-release) version of MahApps (as of 29/10/2015)

edited Oct 29 '15 at 09:33

answered Oct 29 '15 at 07:50

kkyr

3,785
3
29
59

Thanks a lot! It requires the latest (pre-release) version indeed. – ThomasWeiss Oct 29 '15 at 08:33
Ah, wasn't aware it was the pre-release. I'll edit that into my answer for clarity – kkyr Oct 29 '15 at 09:32
Thank you so much BasedOn Metro saved my day. – Momo Jun 24 '18 at 19:48
6

Note that the resource `MetroDataGridColumnHeader` has been replaced with `MahApps.Styles.DataGridColumnHeader` – Matt Lacey Jan 21 '21 at 20:46

MahApps DataGrid column header casing

1 Answers1