How to insert images to the row header cells of the WinForms GridControl?

4 mins read

Insert image into grid cell

You can change the RowHeader cell as a regular header cell before assigning images to the RowHeader. You can use the PrepareViewStyleInfo event to display the image by using the style.ImageList to provide a BackgroundImage for the header cells.

//makes row header a regular header cell
GridStyleInfo style = this.gridControl1.BaseStylesMap["Row Header"].StyleInfo;
style.CellType = "Header";
style.ImageList = imageList1;
style.BackgroundImageMode = GridBackgroundImageMode.CenterImage;
void gridControl1_PrepareViewStyleInfo(object sender, Syncfusion.Windows.Forms.Grid.GridPrepareViewStyleInfoEventArgs e)
{
    if (e.ColIndex == 0 && e.RowIndex > 0)
    {
           //Sets the image for the RowHeaders
           e.Style.BackgroundImage = e.Style.ImageList.Images[0];
    }
}

'makes row header a regular header cell
Private style As GridStyleInfo = Me.gridControl1.BaseStylesMap("Row Header").StyleInfo
style.CellType = "Header"
style.ImageList = imageList1
style.BackgroundImageMode = GridBackgroundImageMode.CenterImage
void gridControl1_PrepareViewStyleInfo(Object sender, Syncfusion.Windows.Forms.Grid.GridPrepareViewStyleInfoEventArgs e)
    If e.ColIndex = 0 AndAlso e.RowIndex > 0 Then
           'Sets the image for the RowHeaders
           e.Style.BackgroundImage = e.Style.ImageList.Images(0)
    End If
End Sub

The following screenshot displays the GridControl with the RowHeader Image.

Header image added to grid rows