[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Collapse]Data Grid
   [Expand]Getting Started
   [Expand]Implementation Details
   [Expand]Views
   [Expand]Grid View Data Layout
   [Expand]Binding to Data
   [Expand]Master-Detail Data Representation
   [Expand]Data Editing and Validation
   [Expand]Grouping
   [Expand]Filtering and Searching
   [Expand]Sorting
   [Expand]Data Summaries
   [Expand]Paging and Scrolling
   [Expand]Focus, Navigation, Selection
   [Expand]Drag-and-Drop
   [Expand]Conditional Formatting
   [Collapse]Appearance Customization
     Styles and Templates Overview
     Grid Control Styles
     Grid Elements That Support Templates
     Choosing Templates Based on Custom Logic
     Format Cell Values
     Cell Merging
    [Collapse]Column Header Customization
      Header Content Customization
      Header Image Customization
      Using Customization Area
      Header Tooltip Customization
      Inner Column Header Template Customization
      Customize Header Layout
   [Expand]MVVM Enhancements
   [Expand]Printing and Exporting
   [Expand]End-User Interaction
   [Expand]Miscellaneous
   [Expand]Performance Improvement
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]End-User Capabilities
   [Expand]Examples
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Column Header Customization

A column header identifies a column, displays the column's caption and allow a user to move and resize the column, apply sorting and filtering, etc.

Specify the DataViewBase.ShowColumnHeaders property to show/hide column headers in the current GridControl's view.

Expanded Header Elements

The image below shows elements that a column header can contain:

The following table lists column header elements and contains the corresponding references to customization approaches:

Header Element Description Topic
Header Caption Identifies column content. Header Content Customization
Header Image Provides graphical information about column content. Header Image Customization
Customization Area Allows you to display custom content within a column header. Using Customization Area
Header Tooltip Displayed when a user hovers the mouse pointer over the column header. Header Tooltip Customization
Filter and Sort Glyphs Allows users to filter and sort column values. Inner Column Header Template Customization

Expanded Header Style

Use the BaseColumn.HeaderStyle / DataViewBase.ColumnHeaderStyle properties to customize column headers' appearance.

Note

The BaseColumn.HeaderStyle property takes precedence over the DataViewBase.ColumnHeaderStyle property.

Note

Target Type: BaseGridHeader

Example 1

The code sample below shows how to make the CategoryName column's header blue and always show the filter button:

Example 2

The code sample below shows how to apply a style to all column headers within the View:

Expanded Print Styles And Templates

Use the following print styles and templates to customize a column header when the GridControl is printed:

Property

Description

ColumnBase.PrintColumnHeaderStyle

TableView.PrintColumnHeaderStyle / TreeListView.PrintColumnHeaderStyle)

Gets or sets the style applied to the column header(s) when the grid is printed.

DataViewBase.PrintHeaderTemplate

Gets or sets the template that defines the appearance of column headers when the grid is printed.

Is this topic helpful?​​​​​​​