从 DataGrid 中删除白色 space

Remove white space from DataGrid

我正在填充我的数据网格并在数据网格上做了一些样式设置。我一直在 DataGrid 的左侧变白 space。我尝试将填充和边距设置为 0,但仍然得到白色 space。我在下面附上了截图。请指教如何摆脱那个白色 space。

XAML代码:

<Window.Resources>
        <!-- DataGrid style -->
        <Style x:Key="DataGridStyle1" TargetType="{x:Type DataGrid}">
            <Setter Property="ColumnHeaderStyle" Value="{DynamicResource ColumnHeaderStyle1}"/>
            <Setter Property="CellStyle" Value="{DynamicResource CellStyle1}"/>
        </Style>
        <!-- DataGridColumnHeader style -->
        <Style x:Key="ColumnHeaderStyle1" TargetType="DataGridColumnHeader">
            <Setter Property="Height" Value="27"/>
            <Setter Property="Background" Value="#191919"/>
            <Setter Property="Foreground" Value="Cyan"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="Padding" Value="3,2,2,2"/>
        </Style>

        <Style x:Key="CellStyle1" TargetType="DataGridCell">
            <Setter Property="Height" Value="25"/>
            <Setter Property="Background" Value="#333333"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="BorderBrush" Value="Black"/>
            <Setter Property="BorderThickness" Value="0.1"/>
        </Style>

    </Window.Resources>

    <Grid>
        <Canvas>
            <DataGrid x:Name="dataGrid1" Canvas.Left="10" Canvas.Top="10" Height="auto" Width="auto" MaxHeight="400" AutoGenerateColumns="True" Style="{DynamicResource DataGridStyle1}"/>
        </Canvas>
    </Grid>

你能看到的东西叫做行headers。

您可以通过将它们的宽度设置为 0 来删除它们。

将此添加到 Datagrid 样式:

<Setter Property="RowHeaderWidth" Value="0" />