Removing all DataGrid row and cell borders

diggingforfire picture diggingforfire · Jan 10, 2012 · Viewed 40.9k times · Source

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

Adi Lester picture Adi Lester · Jan 10, 2012

What about setting GridLinesVisibility="None"?

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