从DataGrid删除空白

Question

我正在填充数据网格并在DataGrid上进行了一些样式设计。我一直在DataGrid的左侧获得空白。我尝试将填充和边距设置为0，但仍然获得空白。我已经附上了下面的截图。请建议如何摆脱该空白。

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>

Answer 1

您可以看到的内容称为行标题。

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

将此添加到Datagrid样式：

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