Click here to Skip to main content
15,918,624 members
Articles / Programming Languages / C#
Article

Changing the background color of cells in a DataGrid

Rate me:
Please Sign up or sign in to vote.
4.81/5 (33 votes)
28 Apr 2002 402.9K   7.2K   73   46
How to change the background color of cells in a DataGrid depending on their value

Sample Image - Custom_DataGridColumnStyl.jpg

In this article I want to show how you can change the background color of a specific cells in a datagrid. .To do this you first have to create class derived from DataGridTextBoxColumn or DataGridColumnStyle. You then have to override the Paint() method of these classes. Note that this method has three overloaded versions. 

In this method first you can check the value of cell in the column with the GetColumnValueAtRow method then set the brush you want, fill the cell rectangle then write the text with your proper font. Here is the sample code I used:

C#
protected override void Paint(Graphics g, Rectangle Bounds, CurrencyManager Source,
                              int RowNum, Brush BackBrush, Brush ForeBrush, 
                              bool AlignToRight) 
{
    
    bool bdel = (bool) GetColumnValueAtRow(Source, RowNum);

    if(bdel == true)
        BackBrush = Brushes.Coral;
    else
        BackBrush = Brushes.White;

    g.FillRectangle(BackBrush, Bounds.X, Bounds.Y, Bounds.Width, Bounds.Height);

    System.Drawing.Font font = new Font(System.Drawing.FontFamily.GenericSansSerif, 
                                        (float)8.25 );
    g.DrawString( bdel.ToString(), font, Brushes.Black, Bounds.X, Bounds.Y);
}

Here I use column with a bool value and change the colors for true cells. Here you can change the font for them very easily too. 

You can also change the overall style of the datagrid using the DataGridTableStyle and DataGridColumnStyle classes. The function below demonstrates this:

C#
private void CreateDataGridStyle() 
{
    DataGridColumnStyle GridDelColumn;
    DataGridColumnStyle GridSeqStyle;
    DGStyle = new DataGridTableStyle();  //DGStyle is DataGridTableStyle

    DGStyle.MappingName = "Table1";

    GridSeqStyle = new DataGridTextBoxColumn();
    GridSeqStyle.MappingName = "Column1";
    GridSeqStyle.HeaderText = "Column1";
    GridSeqStyle.Width = 100;
    DGStyle.GridColumnStyles.Add(GridSeqStyle);

    PropertyDescriptorCollection pcol = this.BindingContext[myDataSet, 
                                             "Table1"].GetItemProperties();

    GridDelColumn = new ColumnStyle(pcol["Table1"]);
    GridDelColumn.MappingName = "Column2";
    GridDelColumn.HeaderText = "Column2";
    GridDelColumn.Width = 100;
    DGStyle.GridColumnStyles.Add(GridDelColumn);

    DGStyle.AllowSorting         = true;
    DGStyle.RowHeadersVisible    = true;
}

And after that you  add the styles to datagrid:

C#
CreateDataGridStyle();
myDataGrid.TableStyles.Add(DGStyle);

myDataGrid.SetDataBinding(myDataSet,"Table1");

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
Web Developer
Iran (Islamic Republic of) Iran (Islamic Republic of)
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
QuestionValue from another cell ? Pin
durtal24-Nov-05 10:16
durtal24-Nov-05 10:16 
AnswerRe: Value from another cell ? Pin
Jacobus Meintjes27-Dec-05 0:13
Jacobus Meintjes27-Dec-05 0:13 
Generalcolor an array of rows Pin
xrado4-Jul-05 1:33
xrado4-Jul-05 1:33 
General.NET Compact Framework Pin
Member 16904875-Apr-05 15:16
Member 16904875-Apr-05 15:16 
GeneralRe: .NET Compact Framework Pin
mp123418-Jan-07 0:57
mp123418-Jan-07 0:57 
GeneralRe: .NET Compact Framework Pin
websjwans19-Mar-07 22:39
websjwans19-Mar-07 22:39 
GeneralRe: .NET Compact Framework Pin
hayles29-Aug-07 22:34
hayles29-Aug-07 22:34 
GeneralAdding the row with various number of columns than the rest Pin
Member 16780499-Mar-05 2:33
Member 16780499-Mar-05 2:33 
QuestionHow to change value Pin
mtnhan28-Jan-05 17:28
mtnhan28-Jan-05 17:28 
AnswerRe: How to change value Pin
Mazdak29-Jan-05 22:36
Mazdak29-Jan-05 22:36 
GeneralRe: How to change value Pin
mtnhan30-Jan-05 14:00
mtnhan30-Jan-05 14:00 
GeneralHighlight all cells in a column Pin
tullm11-Nov-04 4:44
tullm11-Nov-04 4:44 
Generalwin form datagrid Pin
Pradeep K V7-Sep-04 2:55
Pradeep K V7-Sep-04 2:55 
GeneralA little abt rows Pin
Sameer Khan11-Mar-03 7:30
Sameer Khan11-Mar-03 7:30 
GeneralRe: A little abt rows Pin
Mazdak11-Mar-03 8:35
Mazdak11-Mar-03 8:35 
GeneralRe: A little abt rows Pin
Sameer Khan12-Mar-03 12:16
Sameer Khan12-Mar-03 12:16 
GeneralRe: A little abt rows Pin
Mazdak14-Mar-03 8:56
Mazdak14-Mar-03 8:56 
GeneralRe: A little abt rows Pin
Mazdak14-Mar-03 8:59
Mazdak14-Mar-03 8:59 
GeneralRe: A little abt rows Pin
Sameer Khan29-Apr-03 7:39
Sameer Khan29-Apr-03 7:39 
GeneralRe: A little abt rows Pin
Mazdak29-Apr-03 20:09
Mazdak29-Apr-03 20:09 
Generalon a similar note Pin
Sameer Khan10-Mar-03 11:51
Sameer Khan10-Mar-03 11:51 
GeneralRe: on a similar note Pin
Sameer Khan10-Mar-03 13:09
Sameer Khan10-Mar-03 13:09 
GeneralRe: on a similar note Pin
Sameer Khan12-Mar-03 10:22
Sameer Khan12-Mar-03 10:22 
QuestionHow to change the color of text, not the background color, please help Pin
JasonLi16-Sep-02 9:00
JasonLi16-Sep-02 9:00 
AnswerRe: How to change the color of text, not the background color, please help Pin
Mazdak17-Sep-02 9:06
Mazdak17-Sep-02 9:06 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.