title: Problems with DataGridColumnHeader Style
body: <p>Trying to style my datagrid column headers, I encounter two problems.</p>
  
  <p><strong>What I want</strong> : I'd like my headers to be written in a border with the border drawn and a margin. See the picture : <a href="https://i.stack.imgur.com/o7EJT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o7EJT.png" alt="what I want"></a></p>
  
  <p><strong>What I get</strong> : I found that the border are drawn between 2 headers, plus I can't get rid of the shadow of the grip (white grip, grey shadow), as you as see in the picture <a href="https://i.stack.imgur.com/3pseI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3pseI.png" alt="what I get"></a></p>
  
  <p>Here is my style for the headers : </p>
  
  <pre><code>&lt;Style TargetType="{x:Type DataGridColumnHeader}"&gt;
      &lt;Setter Property="VerticalContentAlignment" Value="Center" /&gt;
      &lt;Setter Property="Height" Value="30" /&gt;
      &lt;Setter Property="SeparatorBrush" Value="{StaticResource ScbWhite}" /&gt;
      &lt;Setter Property="FontWeight" Value="Bold" /&gt;
      &lt;Setter Property="Foreground" Value="{StaticResource ScbBlue1}"/&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="{x:Type DataGridColumnHeader}"&gt;
                  &lt;Grid Margin="{TemplateBinding Padding}"&gt;
                      &lt;Grid.ColumnDefinitions&gt;
                          &lt;ColumnDefinition Width="*" /&gt;
                          &lt;ColumnDefinition Width="Auto" /&gt;
                      &lt;/Grid.ColumnDefinitions&gt;
                      &lt;Border x:Name="columnHeaderBorder"
                              TextBlock.FontWeight="Bold"
                              TextBlock.Foreground="{StaticResource ScbBlue1}"
                              BorderThickness="2"
                              BorderBrush="{StaticResource ScbBlue1}"
                              Background="{StaticResource ScbWhite}"
                              Width="{TemplateBinding Width}"
                              Margin="3,3,3,3"
                              Padding="3,0,3,0"&gt;
                          &lt;ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" /&gt;
                      &lt;/Border&gt;
                      &lt;!--BorderBrush="{Binding VerticalGridLinesBrush, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type DataGrid}}}"--&gt;
                      &lt;Thumb x:Name="PART_RightHeaderGripper" Grid.Column="1"
                             HorizontalAlignment="Right"
                             Width="6" BorderThickness="0"
                             BorderBrush="{StaticResource ScbWhite}"
                             Background="{StaticResource ScbWhite}"
                             Cursor="SizeWE"&gt;
                          &lt;Thumb.BitmapEffect&gt;
                              &lt;DropShadowBitmapEffect Color="Transparent" Opacity="0"/&gt;
                          &lt;/Thumb.BitmapEffect&gt;
                      &lt;/Thumb&gt;
                  &lt;/Grid&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>Please, what can I do to get what I want?</p>