Removing all DataGrid row and cell borders

Question

I want to hide (or remove) all the borders of all the rows (and subsequently cells) in my datagrid, think a basic HTML table. I've looked all over and most questions seem to be about styling them and not hiding them.

I've already tried setting the BorderBrush and BorderThickness like so:

 <DataGrid.RowStyle>
     <Style TargetType="DataGridRow">
         <Setter Property="BorderBrush" Value="Transparent" />
         <Setter Property="BorderThickness" Value="0" />
     </Style>
  </DataGrid.RowStyle>

Tried the same for the CellStyle, but no dice, still seeing borders.

Solution 1

What about setting GridLinesVisibility="None"?

<DataGrid GridLinesVisibility="None">
    ...
<DataGrid>

Solution 2

You could also do it this way

 dataGrid.GridLinesVisibility = DataGridGridLinesVisibility.None;