格式DataGrid中的邊距/填充ColumnHeader

Question

我想放置一個畫布在數據網格的列標題中，該數據網格與列的最左側對齊，即列和控件之間沒有空白。但是，列和控件之間總是有一些空間。我想知道如何擺脫圖片中顯示的黃色小空間？我也想知道，爲什麼沒有背景顏色（ItemsControl = LightBlue，Canvas = LemonChiffon）是可見的，但我想這是相同的原因。

了預期的設計看起來是這樣的：

這裏是我的代碼：

<Grid DataContext="{StaticResource vmJp}"> 
    <DataGrid x:Name="dgProj" AutoGenerateColumns="False" IsReadOnly="True" CanUserAddRows="False" Margin="10" ItemsSource="{Binding Baustellen}" BorderThickness="0" HeadersVisibility="Column" Padding="0"> 
     <DataGrid.Columns> 
     .... 

      <DataGridTemplateColumn Width="1*" x:Name="coPlanung"> 
       <DataGridTemplateColumn.HeaderTemplate> 
        <DataTemplate> 
         <ItemsControl ItemsSource="{Binding DataContext.Monate, ElementName=dgProj}" Margin="0" VerticalAlignment="Center" Background="LightBlue"> 
          <ItemsControl.ItemContainerStyle> 
           <Style TargetType="ContentPresenter"> 
            <Setter Property="Canvas.Left"> 
             <Setter.Value> 
              <MultiBinding Converter="{StaticResource d2x}"> 
               <Binding Path="Date" Mode="OneWay" /> 
               <Binding Path="ActualWidth" ElementName="coPlanung" Mode="OneWay"/> 
              </MultiBinding> 
             </Setter.Value> 
            </Setter> 
           </Style> 
          </ItemsControl.ItemContainerStyle> 
          <ItemsControl.ItemsPanel> 
           <ItemsPanelTemplate> 
            <Canvas Width="{Binding ActualWidth, ElementName=coPlanung}" Margin="0" Background="LemonChiffon"/> 
           </ItemsPanelTemplate> 
          </ItemsControl.ItemsPanel> 
          <ItemsControl.ItemTemplate> 
           <DataTemplate> 
            <!--Monthnames--> 
            <TextBox Text="{Binding Path=Date, StringFormat={}{0:MMM-yyyy}, Mode=OneWay}" HorizontalAlignment="Center" VerticalAlignment="Center" Background="Transparent" Margin="0"> 
             <TextBox.Width> 
              <MultiBinding Converter="{StaticResource d2b}"> 
               <Binding Path="Date" Mode="OneWay" /> 
               <Binding Path="ActualWidth" ElementName="coPlanung" Mode="OneWay"/> 
              </MultiBinding> 
             </TextBox.Width> 
            </TextBox> 
           </DataTemplate> 
          </ItemsControl.ItemTemplate> 
         </ItemsControl> 
        </DataTemplate> 
       </DataGridTemplateColumn.HeaderTemplate> 

邊緣設定爲-5不顯示了預期的設計：

代碼

<DataGridTemplateColumn x:Name="coPlanung"> 
    <DataGridTemplateColumn.HeaderStyle> 
     <Style TargetType="DataGridColumnHeader"> 
      <Setter Property="Padding" Value="0"/> 
      <Setter Property="Margin" Value="-5"/> 
     </Style> 
    </DataGridTemplateColumn.HeaderStyle> 
    <DataGridTemplateColumn.HeaderTemplate> 
    ... 

解決方案：設置保證金的ContentPresenter

<Style TargetType="ContentPresenter">           
    <Setter Property="Margin" Value="-5"/> 

Answer 1

我想知道如何擺脫圖片中顯示的黃色小空間？

您可以設置DataGridTemplateColumn的HeaderStyle到DataGridColumnHeader風格切緣陰性：

<DataGridTemplateColumn x:Name="coPlanung"> 
    <DataGridTemplateColumn.HeaderStyle> 
     <Style TargetType="DataGridColumnHeader"> 
      <Setter Property="Padding" Value="0"/> 
      <Setter Property="Margin" Value="-5"/> 
     </Style> 
    </DataGridTemplateColumn.HeaderStyle> 
    <DataGridTemplateColumn.HeaderTemplate> 
    ... 

我還納悶，爲什麼沒有背景顏色（的ItemsControl = LightBlue，帆布=粉黃）是可見的，但我想這是相同的原因。

嘗試指定Height作爲Canvas。 ItemsControl的背景「隱藏」在ItemsPanel後面。但請提供回購，如果你的東東任何進一步的幫助：https://stackoverflow.com/help/mcve

編輯：正如你已經注意到了，你也可以嘗試設置Margin的ContentPresenter的：

<Style TargetType="ContentPresenter">           
    <Setter Property="Margin" Value="-5"/> 
</Style> 

Answer 2

嘗試-5設置RowHeaderWidth="0"，這是一個DataGrid屬性。

//編輯 也許別的什麼是干擾。 這裏最重要的屬性的鏈接風格你DataGrid：Styling Microsoft’s WPF datagrid

這裏是一個簡單的例子

<DataGrid ItemsSource="{Binding ViewModels}" /> 

<DataGrid ItemsSource="{Binding ViewModels}" 
      RowHeaderWidth="0"/> 

正如你所看到的RowHeader不見了。