How to add images with text in a grid control?

The GridControl is a control used to display and edit table data, developed by DevExpress. The method of displaying images and text in columns in GridControl can be achieved through the DisplayFormat property of the GridView control’s columns.

First, you need to add a column to the GridView control, which can be done using the Designer of the GridControl or through code, as shown below:

GridColumn column = gridView1.Columns.AddField("ColumnName");
column.VisibleIndex = 0;
column.Caption = "ColumnCaption";
column.DisplayFormat.FormatType = FormatType.Custom;
column.DisplayFormat.FormatString = "{0} SomeText";
column.ColumnEdit = new RepositoryItemImageEdit();

In the code above, we added a new column and set some properties, including the DisplayFormat property used to define the format of the column. In this example, we customized the format using FormatType.Custom, and added text by setting the FormatString property to “{0} SomeText”.

Next, we will use the RepositoryItemImageEdit control as the ColumnEdit property of the column, allowing us to display images in the column. You can choose different RepositoryItem controls based on your own needs to achieve the desired display effect.

Finally, add the columns to the GridView control as shown below:

gridView1.Columns.Add(column);

By following the above steps, you will be able to achieve the effect of combining images with text in the columns of GridControl.