Inner Column Header Template Customization

You can modify column header's appearance using built-in templates. Locate the required element's template, embed it in your application's resources and modify it without compromising the template's internal structure. The image below shows an example of a grid column with a modified column header filter button:


The following code sample demonstrates how to change the column header's filter button appearance:

   <ControlTemplate x:Key="{dxgt:GridColumnHeaderThemeKey ResourceKey=ColumnFilterTemplate, IsThemeIndependent=True}" TargetType="{x:Type ToggleButton}">
      <Image Source="Filter.png" Width="16" Height="16" />

See the following KB article to learn more: How to find and change an inner DevExpress control template.

See Also