WPF GridView点击列头排序异常：列头与绑定属性不匹配

我来给你几个实用的解决思路，都是WPF里常用的方案，能完美解决你的列头显示与排序字段不匹配、同时保持居中对齐的问题：

思路1：利用Tag属性存储真实排序字段（最简单快捷） #

这个方法不用额外定义类，直接借助GridViewColumn自带的Tag属性来存储对应的绑定属性名，完美避开Header文本和属性名不一致的问题：

步骤1：修改XAML中的GridViewColumn #

在列的定义里加上Tag="Photo"，明确指定该列对应的排序字段：

<GridViewColumn Width="30" Header="P" Tag="Photo">
    <GridViewColumn.HeaderContainerStyle>
        <Style TargetType="{x:Type GridViewColumnHeader}">
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
        </Style>
    </GridViewColumn.HeaderContainerStyle>
    <GridViewColumn.CellTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Photo}" HorizontalAlignment="Center"/>
        </DataTemplate>
    </GridViewColumn.CellTemplate>
</GridViewColumn>

步骤2：修改排序事件处理代码 #

在HandleOverviewColumnHeaderClicked方法中，优先读取Tag属性的值作为排序字段，替代原来的Header文本：

// 替换原来的sortBy获取逻辑
var columnBinding = headerClicked.Column.DisplayMemberBinding as Binding;
var sortBy = columnBinding?.Path.Path ?? headerClicked.Column.Tag as string ?? headerClicked.Column.Header as string;

这样排序时会优先用Tag里的真实属性名，再也不会因为Header是"P"而找不到正确的排序字段了。

思路2：自定义附加属性（更规范，适合大型项目） #

如果你的项目比较复杂，希望代码语义更清晰，可以自定义一个附加属性来存储排序字段名，比用Tag更具可读性：

步骤1：定义附加属性类 #

public static class GridViewSortHelper
{
    public static readonly DependencyProperty SortPropertyNameProperty =
        DependencyProperty.RegisterAttached(
            "SortPropertyName",
            typeof(string),
            typeof(GridViewSortHelper),
            new PropertyMetadata(null));

    public static void SetSortPropertyName(DependencyObject element, string value)
    {
        element.SetValue(SortPropertyNameProperty, value);
    }

    public static string GetSortPropertyName(DependencyObject element)
    {
        return (string)element.GetValue(SortPropertyNameProperty);
    }
}

步骤2：在XAML中使用附加属性 #

记得先引入命名空间（假设你的附加属性在YourNamespace下）：

xmlns:local="clr-namespace:YourNamespace"

<GridViewColumn Width="30" Header="P" local:GridViewSortHelper.SortPropertyName="Photo">
    <GridViewColumn.HeaderContainerStyle>
        <Style TargetType="{x:Type GridViewColumnHeader}">
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
        </Style>
    </GridViewColumn.HeaderContainerStyle>
    <GridViewColumn.CellTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Photo}" HorizontalAlignment="Center"/>
        </DataTemplate>
    </GridViewColumn.CellTemplate>
</GridViewColumn>

步骤3：修改排序事件处理代码 #

读取自定义附加属性的值作为排序字段：

var columnBinding = headerClicked.Column.DisplayMemberBinding as Binding;
var sortBy = columnBinding?.Path.Path ?? GridViewSortHelper.GetSortPropertyName(headerClicked.Column) ?? headerClicked.Column.Header as string;

思路3：同时设置DisplayMemberBinding和CellTemplate（兼容官方方案） #

其实官方方案依赖的DisplayMemberBinding和你需要的CellTemplate可以共存——当两者同时存在时，CellTemplate会优先控制显示，而DisplayMemberBinding依然可以被用来获取排序字段：

修改XAML中的GridViewColumn #

添加DisplayMemberBinding="{Binding Photo}"，同时保留原来的CellTemplate：

<GridViewColumn Width="30" Header="P" DisplayMemberBinding="{Binding Photo}">
    <GridViewColumn.HeaderContainerStyle>
        <Style TargetType="{x:Type GridViewColumnHeader}">
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
        </Style>
    </GridViewColumn.HeaderContainerStyle>
    <GridViewColumn.CellTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Photo}" HorizontalAlignment="Center"/>
        </DataTemplate>
    </GridViewColumn.CellTemplate>
</GridViewColumn>

这样你的单元格依然是居中显示的，而官方代码里的columnBinding?.Path.Path会直接拿到"Photo"，排序功能正常工作，不需要修改后台的事件处理代码。

这三个方案都能解决你的问题，你可以根据项目的复杂度和个人习惯选择最合适的一种～

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