Click here to Skip to main content
Click here to Skip to main content

Changing the background color of cells in a DataGrid

, 28 Apr 2002
Rate this:
Please Sign up or sign in to vote.
How to change the background color of cells in a DataGrid depending on their value
<!-- Download Links --> <!-- Article image -->

Sample Image - Custom_DataGridColumnStyl.jpg

<!-- Add the rest of your HTML here -->

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:

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;
        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:

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;

    PropertyDescriptorCollection pcol = this.BindingContext[myDataSet, 

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

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

And after that you  add the styles to datagrid:




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


About the Author

Web Developer
Iran (Islamic Republic Of) Iran (Islamic Republic Of)
No Biography provided

Comments and Discussions

GeneralAlignment PinmemberJohan Hakkesteegt29-May-08 2:21 
QuestionChanging color of datagrid row depending upon column values Pinmemberrizwan127-Mar-08 2:35 
AnswerRe: Changing color of datagrid row depending upon column values PinmemberPeter Felgate29-May-08 2:01 
QuestionHow to fill color for one cell in datagrid with PinmemberMember 437798911-Mar-08 16:45 
Generalcolor from row Pinmemberchehreghany21-Sep-07 22:51 
GeneralThank you for this code Pinmemberdavidbowlby27-Apr-07 11:08 
GeneralChanging the keyboard Pinmemberzazx12-Jul-06 23:32 
Generalhighlighting only the selected text portion of cell PinmemberAnurRS13-Jun-06 1:33 
GeneralType is not defined error PinmemberTotoo1-Jun-06 4:46 
QuestionValue from another cell ? Pinmemberdurtal24-Nov-05 11:16 

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

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

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.150327.1 | Last Updated 29 Apr 2002
Article Copyright 2002 by Mazdak
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid