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.

Answer 1

What about setting GridLinesVisibility="None"?

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