如何删除DataGrid行的3D效果

Question

默认情况下，DataGrid行具有某种3d视觉效果。它们看起来像移到了左上角。

如何删除该效果并使行看起来平整而不移位？

我尝试更改CellStyle和RowStyle的BorderThickness，但这并不能解决。

<DataGrid.CellStyle>
    <Style TargetType="DataGridCell" BasedOn="{StaticResource {x:Type DataGridCell}}">
        <Setter Property="Background" Value="#FFF0F0F0"/>
        <Setter Property="TextBlock.TextAlignment" Value="Right"/>
        <Setter Property="BorderThickness" Value="0"/>
    </Style>
</DataGrid.CellStyle>
<DataGrid.RowStyle>
    <Style TargetType="DataGridRow" BasedOn="{StaticResource {x:Type DataGridRow}}">
        <Setter Property="BorderThickness" Value="0"/>
    </Style>
</DataGrid.RowStyle>

Answer 1

这个问题很老了，但为了完整起见，我会添加一个答案。

正如@Andy 在评论中所说，使用 DataGrid.GridLinesVisibility="None" 效果很好。

<DataGrid GridLinesVisibility="None">
    <!-- content -->
</DataGrid>

重新加载视图后，您在评论中提到的边缘将消失。 （它们在开始时仍然可见只是因为“热重载”功能并不总是更新间距。）