We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to apply custom style for GridHeaderCellControl?

Platform: WPF |
Control: SfDataGrid |
Published Date: January 27, 2015 |
Last Revised Date: January 21, 2016 |
.NET Framework: 4.5 |
Product Version: 12.4.0.24

SfDataGrid displays the column header in GridHeaderCellControl that displays the column Header Text, filter icon and sort icon when you sort the column. You can apply the custom style for GridHeaderCellControl by using HeaderStyle property.

You can change the header cell Background and Foreground for specific column or an entire Grid by using HeaderStyle property.

Following code example illustrates the custom header style applied for GridHeaderCellControl present in the Grid.

XAML

The following screenshot displays the column header with customized column header style.

C:\Users\Jayapradha\Desktop\headerstyle.PNG

Figure 1: Column header with customized column header style

The following code example illustrates the custom header style applied for specific column Header.

XAML

The following screenshot displays the customized HeaderStyle for specific column.

C:\Users\Jayapradha\Desktop\columnheaderstyle.PNG

Figure 2: Customized HeaderStyle for specific column

 

Sample Links:

 

WPF

WRT

SilverLight

UWP

2X faster development

The ultimate WPF UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment
Comments
Basavaraj Shirur
May 18, 2018

what about alignment of header??

Reply

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon