How to change the position of the FilterToggleButton and SortIcon in the header cell of the SfDataGrid?

In SfDataGrid, the AllowFiltering and AllowSorting properties allow you to perform filtering and sorting operations on data. You can define the AllowFiltering and AllowSorting properties either at the SfDataGrid or Column level.

By default, the FilterToggleButton and SortIcon appear at the right position of the Header. You can change this position to the left of the Header by customizing the ControlTemplate of the GridHeaderCellControl.

The following screenshot illustrates the default position of the FilterToggleButton and SortIcon in the GridHeaderCellControl.

Figure 1 : Default position of the FilterToggleButton and SortIcon

You can change the above default position of the FilterToggleButton and SortIcon to the left of the Header as shown in the following code example.

XAML

Note: The above code snippet is applicable only for WinRT. For other platforms refer respective samples.

In the above code example, the position of the FilterToggleButton and SortIcon is changed from the right to left position of the Header as shown in the following screenshot.

Figure 2 : After changed the position of FilterToggleButton and SortIcon

Sample Link:

WRT

UWP