WPF DynamicDataGridCellStyle设置单元格文本顶部对齐无效

问题根因 #

你遇到的问题由三个WPF样式规则的常见坑导致：

• 触发器优先级覆盖：WPF样式内的触发器按声明顺序执行，后面的触发器会覆盖前面同属性的设置。你的DESCRIPTION字段本身Typ属性值就是String，但绑定Name="DESCRIPTION"的触发器写在绑定Typ="String"的触发器之后，触发时会直接替换掉前面配置了VerticalContentAlignment="Top"的TextBox模板，导致你写的对齐配置完全不会应用到DESCRIPTION单元格上。
• 对齐属性配置不全：仅给TextBox设置VerticalContentAlignment="Top"不足以实现效果。如果不显式设置TextBox的VerticalAlignment="Stretch"让它撑满整个DataGridCell的高度，TextBox会自动收缩到和文本内容等高，而DataGridCell默认的内容垂直对齐规则是居中，此时和文本等高的TextBox会直接显示在单元格垂直居中位置，看起来就像对齐设置没有生效。
• 模板声明缺失：你写的ControlTemplate没有指定TargetType="{x:Type DataGridCell}"，会破坏部分属性的继承逻辑，也可能导致样式异常。

修复步骤 #

1. 调整触发器顺序，把特殊规则的Name="DESCRIPTION"触发器移到通用Typ="String"触发器前面，避免通用模板覆盖特殊模板配置。
2. 在Style根节点添加全局Setter，统一设置单元格内容顶部对齐：<Setter Property="VerticalContentAlignment" Value="Top"/>
3. 给所有自定义模板内的输入控件（TextBox、DatePicker）补上VerticalAlignment="Stretch"属性，确保控件撑满整个单元格高度，让内部内容对齐规则生效。
4. 给所有自定义ControlTemplate补上TargetType="{x:Type DataGridCell}"声明。

修正后核心代码 #

<Style x:Key="DynamicDataGridCellStyle" TargetType="{x:Type DataGridCell}">
    <Setter Property="KeyboardNavigation.IsTabStop" Value="False"/>
    <!-- 全局设置单元格内容顶部对齐 -->
    <Setter Property="VerticalContentAlignment" Value="Top"/>
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
            <Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
        </Trigger>
        <Trigger Property="IsKeyboardFocusWithin" Value="True">
            <Setter Property="BorderBrush" Value="{DynamicResource {x:Static DataGrid.FocusBorderBrushKey}}"/>
        </Trigger>

        <!-- 特殊DESCRIPTION规则放最前面，避免被通用规则覆盖 -->
        <DataTrigger Binding="{Binding Name}" Value="DESCRIPTION">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type DataGridCell}">
                        <TextBox Text="{WPF:ValidatedBinding Value}" 
                                 BorderThickness="0" 
                                 Height="Auto" 
                                 Background="WhiteSmoke" 
                                 TextWrapping="Wrap"
                                 ToolTip="{Binding DataContext.UIString[], RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}, FallbackValue='Coole Sache'}" 
                                 AcceptsReturn="True" 
                                 IsTabStop="False"
                                 VerticalAlignment="Stretch"
                                 VerticalContentAlignment="Top"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </DataTrigger>

        <!-- 通用String类型规则 -->
        <DataTrigger Binding="{Binding Typ}" Value="String">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type DataGridCell}">
                        <TextBox Text="{WPF:ValidatedBinding Value}" 
                                 VerticalContentAlignment="Top"  
                                 BorderThickness="0"
                                 VerticalAlignment="Stretch" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </DataTrigger>

        <!-- DateTime类型规则 -->
        <DataTrigger Binding="{Binding Typ}" Value="DateTime">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type DataGridCell}">
                        <DatePicker SelectedDate="{WPF:ValidatedBinding Value}" 
                                    SelectedDateFormat="Short" 
                                    IsHitTestVisible="False" 
                                    IsTabStop="False" 
                                    Width="Auto" 
                                    HorizontalAlignment="Left" 
                                    Margin="5,0,0,0"
                                    VerticalAlignment="Stretch"
                                    VerticalContentAlignment="Top"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </DataTrigger>
    </Style.Triggers>
</Style>

提示：如果需要调整多行文本的内边距，可以给TextBox加Padding="2,2,2,2"类的属性调整显示效果，避免文字太贴边。

内容的提问来源于stack exchange，提问作者Michael H.