Articles in this section
Category / Section

How to remove the columns border in UWP DataGrid (SfDataGrid) ?

1 min read

By default, SfDataGrid having gird lines for each row and column. But we can remove the grid lines for the default row by write style for BorderThickness property of GridCell and remove the grid lines for Header row by write style for BorderThickness property of GridHeaderCellControl and GridHeaderIndentCell.

<Page.Resources>        
        <Style TargetType="syncfusion:GridCell">
            <Setter Property="BorderThickness" Value="0,0,0,0" />            
        </Style>
        <Style TargetType="syncfusion:GridHeaderCellControl">            
            <Setter Property="BorderThickness" Value="0,0,0,0" />            
        </Style>
        <Style TargetType="syncfusion:GridHeaderIndentCell">           
            <Setter Property="BorderThickness" Value="0,0,0,0" />
        </Style>
</Page.Resources>

The following screenshot shows columns border removed in SfDataGrid,

shows the column border removed in SfDataGrid

View Sample in GitHub

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied