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:

ColumnHeaderCustomizationInnerTemplate

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

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

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

See Also