Back to Devexpress

BaseColumn.Image Property

wpf-devexpress-dot-xpf-dot-grid-dot-basecolumn-f433c4d6.md

latest3.2 KB
Original Source

BaseColumn.Image Property

Gets or sets the column header’s image. This is a dependency property.

Namespace : DevExpress.Xpf.Grid

Assembly : DevExpress.Xpf.Grid.v25.2.Core.dll

NuGet Package : DevExpress.Wpf.Grid.Core

Declaration

csharp
public ImageSource Image { get; set; }
vb
Public Property Image As ImageSource

Property Value

TypeDescription
ImageSource

The source of the header’s image. The default value is null.

|

Remarks

The following image shows a grid column with a header image:

Specify the Image property to add an image to the column header. The following code sample demonstrates how to use this property:

xaml
<dxg:GridColumn FieldName="CategoryName" Image="Image.png"></dxg:GridColumn>

Note

Set the TableView.AllowPrintColumnHeaderImage (or TreeListView.AllowPrintColumnHeaderImage) property to true to enable printing a column header’s image.

You can change the header’s image properties. The image below shows a grid column whose header has an image with altered sizes and margins:

Specify the BaseColumn.HeaderImageStyle property to change the column header’s image properties. Use the DataViewBase.ColumnHeaderImageStyle property to specify a common style applied to all columns in the current GridControl’s view. The target element for this style is the Image class.

The following code demonstrates how to change the header’s image properties:

xaml
<dxg:GridColumn FieldName="CategoryName" Image="Image.png">
   <dxg:GridColumn.HeaderImageStyle>
      <Style TargetType="Image">
         <Setter Property="Width" Value="25"></Setter>
         <Setter Property="Margin" Value="5,5,15,5"></Setter>
      </Style>
   </dxg:GridColumn.HeaderImageStyle>
</dxg:GridColumn>

See Also

Header Image Customization

Column Header Customization

BaseColumn Class

BaseColumn Members

DevExpress.Xpf.Grid Namespace