Inner Column Header Template Customization

• Jun 13, 2023

You can modify column header 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:

• XAML

<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>

Refer to the following help topic for more information: Modify Theme Resources.

See Also

Header Content Customization

Header Image Customization

Using Customization Area

Header Tooltip Customization