WPF DataGrid自定义列头模板内筛选箭头图标如何实现右对齐

问题原因 #

你的筛选按钮无法对齐到列头最右侧，核心是DataGridColumnHeader默认的HorizontalContentAlignment属性值为Left，会导致ContentTemplate内的根Grid仅按内容（列名+按钮）的所需宽度渲染，不会撑满列头的全部可用宽度，因此你配置的列宽*、按钮HorizontalAlignment="Right"都无法达到预期效果。

修改方案 #

只需要在DataGridColumnHeader的样式中新增一条Setter，将HorizontalContentAlignment设置为Stretch让内容模板撑满列头宽度即可，优化后的完整代码如下：

<Style TargetType="{x:Type DataGrid}">
...
<Style.Resources>
    <Style TargetType="{x:Type DataGridColumnHeader}">
        <!-- 新增以下行，让内容横向占满列头 -->
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <!-- 可选：如果需要按钮完全贴边，取消注释下一行去掉默认内边距 -->
        <!-- <Setter Property="Padding" Value="0"/> -->
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="{Binding}" Margin="10 5" Grid.Column="0" VerticalAlignment="Center"/>
                        <Button x:Name="btnFilter" 
                                Content="&#xf0d7;" 
                                FontFamily="{StaticResource FontAwesome}" 
                                FontSize="16" 
                                HorizontalAlignment="Right" 
                                VerticalAlignment="Center"
                                Padding="0"
                                Grid.Column="1" />
                    </Grid>
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Style.Resources>
...
</Style>

补充说明 #

• 代码中给TextBlock和Button都增加了VerticalAlignment="Center"，可以避免文字和图标垂直错位，对齐效果更统一。
• 给按钮设置Padding="0"是为了去掉按钮默认的内边距，如果你觉得图标大小合适不需要贴边可以删掉这个属性。

内容的提问来源于stack exchange，提问作者PreviousDeveloper