title: Removing all DataGrid row and cell borders
body: <p>I want to hide (or remove) all the borders of all the rows (and subsequently cells) in my datagrid, think a basic <a href="http://jsfiddle.net/QSqMt/" rel="noreferrer">HTML table</a>. I've looked all over and most questions seem to be about styling them and not hiding them.</p>
  
  <p>I've already tried setting the BorderBrush and BorderThickness like so:</p>
  
  <pre><code> &lt;DataGrid.RowStyle&gt;
       &lt;Style TargetType="DataGridRow"&gt;
           &lt;Setter Property="BorderBrush" Value="Transparent" /&gt;
           &lt;Setter Property="BorderThickness" Value="0" /&gt;
       &lt;/Style&gt;
    &lt;/DataGrid.RowStyle&gt;
  </code></pre>
  
  <p>Tried the same for the CellStyle, but no dice, still seeing borders.</p>