WPF中DataGridRow设置BorderThickness致行宽增大及列头样式问题

嘿，我来帮你搞定这个WPF DataGrid行边框导致宽度增加的问题！首先先把你写的DataGridColumnHeader样式整理成清晰的代码块：

<Style TargetType="DataGridColumnHeader">
    <Setter Property="FontSize" Value="20"/>
    <Setter Property="Background" Value="DarkGreen" />
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="BorderThickness" Value="0,0,0,1"/>
    <Setter Property="BorderBrush" Value="ForestGreen"/>
    <Setter Property="Height" Value="80"/>
    <Setter Property="Padding" Value="5,0,0,0"/>
    <!-- 你这里省略的其他设置可以继续补充在这里 -->
</Style>

问题原因 #

当你直接给DataGridRow设置BorderThickness时，WPF默认会把边框绘制在行的内容区域外部——也就是说，边框的宽度会额外加到行的总尺寸上，自然就导致行变宽了，甚至可能触发不必要的水平滚动条。

解决方案 #

最稳妥的方法是自定义DataGridRow的ControlTemplate，让边框包含在行的固有布局尺寸内，而不是额外撑开宽度。下面是一个完整的自定义模板示例：

<Style TargetType="DataGridRow">
    <!-- 设置你需要的边框属性 -->
    <Setter Property="BorderThickness" Value="0,0,0,1"/>
    <Setter Property="BorderBrush" Value="#E0E0E0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="DataGridRow">
                <!-- 把Border作为行的根元素，边框会被包含在行的布局边界内 -->
                <Border x:Name="RowBorder" 
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        Background="{TemplateBinding Background}"
                        SnapsToDevicePixels="True">
                    <SelectiveScrollingGrid>
                        <SelectiveScrollingGrid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </SelectiveScrollingGrid.ColumnDefinitions>
                        <SelectiveScrollingGrid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </SelectiveScrollingGrid.RowDefinitions>
                        <!-- 单元格容器 -->
                        <DataGridCellsPresenter Grid.Column="1" 
                                               ItemsPanel="{TemplateBinding ItemsPanel}" 
                                               SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                        <!-- 行详情容器 -->
                        <DataGridDetailsPresenter Grid.Column="1" Grid.Row="1" 
                                                 SelectiveScrollingGrid.SelectiveScrollingOrientation="{Binding AreRowDetailsFrozen, ConverterParameter={x:Static SelectiveScrollingOrientation.Vertical}, Converter={x:Static DataGrid.RowDetailsScrollingConverter}}" 
                                                 Visibility="{TemplateBinding DetailsVisibility}"/>
                        <!-- 行头 -->
                        <DataGridRowHeader Grid.RowSpan="2" 
                                          SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" 
                                          Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Row}, Converter={x:Static DataGrid.HeadersVisibilityConverter}}"/>
                    </SelectiveScrollingGrid>
                </Border>
                <!-- 可选：添加行的状态触发器，比如选中、鼠标悬停样式 -->
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="RowBorder" Property="Background" Value="#F5F5F5"/>
                    </Trigger>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter TargetName="RowBorder" Property="Background" Value="#E0F2F7"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这个模板的核心是把Border作为DataGridRow的根元素，边框的宽度会被计算在行的整体尺寸内，不会额外撑开行宽。同时你还可以在触发器里添加行的交互样式，让体验更好。

如果你只是临时应急不想改模板，也可以尝试用负Margin抵消边框宽度（比如设置Margin="0,0,0,-1"对应底部边框BorderThickness="0,0,0,1"），但这个方法可能在不同布局下出现错位，不如自定义模板可靠。

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