title: How to style the top-left corner of a WPF Toolkit DataGrid in XAML?
body: <p>Related to this question: <a href="https://stackoverflow.com/questions/25141573/how-to-style-the-top-left-corner-of-a-datagrid-in-xaml">How to style the top-left corner of a DataGrid in XAML?</a></p>
  
  <p>How to customize style for top-left corner of <strong>WPF-Toolkit's DataGrid</strong></p>
  
  <p><a href="https://i.stack.imgur.com/rLPVY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rLPVY.png" alt="Top-left corner in that data grid"></a></p>
  
  <p><strong>XAML:</strong></p>
  
  <pre><code>&lt;Window x:Class="Matrix_WPFToolkit_Test.MainWindow"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:toolkit="http://schemas.microsoft.com/wpf/2008/toolkit"
      Title="MainWindow" Height="350" Width="525"&gt;
  &lt;Grid&gt;
      &lt;toolkit:DataGrid x:Name="dataGrid" IsReadOnly="True" HeadersVisibility="All" GridLinesVisibility="All" CanUserAddRows="False" CanUserDeleteRows="False" CanUserReorderColumns="False" CanUserResizeColumns="False" CanUserResizeRows="False" CanUserSortColumns="False" SelectionMode="Single" SelectionUnit="Cell" RowDetailsVisibilityMode="Visible"  SelectionChanged="dataGrid_SelectionChanged" Margin="-1,0,1.4,0.4" SelectedCellsChanged="dataGrid_SelectedCellsChanged"&gt;
          &lt;toolkit:DataGrid.RowHeaderTemplate&gt;
              &lt;DataTemplate&gt;
                  &lt;TextBlock Text="1"/&gt;
              &lt;/DataTemplate&gt;
          &lt;/toolkit:DataGrid.RowHeaderTemplate&gt;
          &lt;toolkit:DataGrid.ColumnHeaderStyle&gt;
              &lt;Style TargetType="toolkit:DataGridColumnHeader"&gt;
                  &lt;Setter Property="Background" Value="Gray"/&gt;
                  &lt;Setter Property="FontWeight" Value="Bold"/&gt;
                  &lt;Setter Property="BorderThickness" Value="1"/&gt;
                  &lt;Setter Property="BorderBrush" Value="Black"/&gt;
              &lt;/Style&gt;
          &lt;/toolkit:DataGrid.ColumnHeaderStyle&gt;
          &lt;toolkit:DataGrid.RowHeaderStyle&gt;
              &lt;Style TargetType="toolkit:DataGridRowHeader"&gt;
                  &lt;Setter Property="Background" Value="Gray"/&gt;
                  &lt;Setter Property="FontWeight" Value="Bold"/&gt;
              &lt;/Style&gt;
          &lt;/toolkit:DataGrid.RowHeaderStyle&gt;
          &lt;toolkit:DataGrid.CellStyle&gt;
              &lt;Style TargetType="toolkit:DataGridCell"&gt;
                  &lt;Setter Property="BorderThickness" Value="0"/&gt;
                  &lt;Setter Property="Background" Value="LightGray" /&gt;
                  &lt;Setter Property="Foreground" Value="Black" /&gt;
                  &lt;Style.Triggers&gt;
                      &lt;Trigger Property="IsSelected" Value="True"&gt;
                          &lt;Setter Property="Background" Value="White"/&gt;
                      &lt;/Trigger&gt;
                  &lt;/Style.Triggers&gt;
              &lt;/Style&gt;
          &lt;/toolkit:DataGrid.CellStyle&gt;
          &lt;toolkit:DataGrid.RowStyle&gt;
              &lt;Style TargetType="toolkit:DataGridRow"&gt;
                  &lt;Style.Triggers&gt;
                      &lt;Trigger Property="IsSelected" Value="True"&gt;
                          &lt;Setter Property="BorderBrush" Value="Black" /&gt;
                          &lt;Setter Property="BorderThickness" Value="0" /&gt;
                      &lt;/Trigger&gt;
                  &lt;/Style.Triggers&gt;
              &lt;/Style&gt;
          &lt;/toolkit:DataGrid.RowStyle&gt;
      &lt;/toolkit:DataGrid&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here I have customized the row header template, column heade style, cell selection style. How to style top-left corner cell in the data-grid (WPF Toolkit's)</p>