How to remove the border on the Header?

[Pierre-Christophe DUS]

Hello,

My customer would like to customize the SfDataGrid like this:


I'm really close, but I don't see how to "remove" the border on the Header:

My XAML looks like this:

<Page.Resources>

    <Style x:Key="customRowStyle" TargetType="grid:VirtualizingCellsControl">

        <Setter Property="Background" Value="#FFF2F2F2" />

    </Style>

    <Style TargetType="grid:GridCell">

        <Setter Property="BorderBrush" Value="White" />

    </Style>

    <Style TargetType="grid:HeaderRowControl">

        <Setter Property="BorderThickness" Value="0,0,0,0" />

        <Setter Property="BorderBrush" Value="Red" />

    </Style>

</Page.Resources>

...

<grid:SfDataGrid x:Name="sfDataGrid" Grid.Row="1"

Margin="0,0,0,16"

Padding="0,8,0,0"

ItemsSource="{Binding CarForms}"

BorderThickness="0,0,0,0"

RowStyle="{StaticResource customRowStyle}"

SelectedItem="{Binding SelectedForm, Mode=TwoWay}"

AutoGenerateColumns="False"

ColumnSizer="Star"

NavigationMode="Row"

HeaderRowHeight="50">

Is there something I ve forgotten?
How to remove the border on the Header row?

Regards,

[Balamurugan Rajaraman]

Hi Pierre, 

Thank you or contact Syncfusion support. 

We have analyzed your query “How to remove the border of the SfDataGrid”. You can able to achieve your requirement by Binding the style for header row in to the HeaderStyle Property as like the below provided code sample. 

Code Snippet: 

<syncfusion:SfDataGrid ItemsSource="{Binding Orders}" 

                               RowStyle="{StaticResource customRowStyle}"  

                               HeaderStyle="{StaticResource headerStyle}"/> 

We have attached the modified sample for your reference in the below location.  

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/129619-793425948.zip 

Please refer the below link to get more information about Styling the header row. 

UG link: https://help.syncfusion.com/wpf/sfdatagrid/styles-and-templates#styling-column-header 

Regards, 

Balamurugan R 

[Pierre-Christophe DUS]

Thank you this works perfectly!

Regards,

[Balamurugan Rajaraman]

Hi Pierre, 

Thank you for the update. 

Please let us know further assistance on this. 

Regards, 

Balamurugan R