- Total Members: 219,987
- Threads: 525,374
- Posts: 976,954
-
November 24th, 2008, 05:39 AM
#1
Coloring the cell of a GridView based on Condition [VS 2008 - ASP.NET/C#]
I am trying to find a way to display certain cells in RED or YELLOW based on specific criteria, ideally the cell itself could change color (it has to be very apparant) but in the worst-case a method of simply changing the color of the text would do - if there is no way to change the cell color.
Specifically, I have a DataSet with a table like the following:
[Date]-------[Type]--[Value]
11/20/2008---HEP-----10.1
11/20/2008---HAP-----7.8
11/21/2008---HEP-----12
11/21/2008---HAP-----100
11/21/2008---AAH-----2
(as an example)
Currently I get the DataSet (SQL table) and then set it as a datasource to my GridView on my ASP.NET web page - this works great.
Now I need to make the following changes:
- If [VALUE] is greater then 99 set the cell in question RED
- If [VALUE] is less then 10 set the cell in question YELLOW
I've got absolutly no clue how to accomplish this...
Is GridView the best method of displaying the data and setting colors? Is there an easy way to iterate over the data and determine which should be what color, is there a simpler approach?
Any help would be greatly appreciated.
Thanks,
-
November 24th, 2008, 11:06 PM
#2
Use RowDataBound event of Gridview to accomplish this. You can change the color of cells by just changing it's CSS class if you want it CSS driven or you can write inline CSS for this.
Hope this helps.
-
November 24th, 2008, 11:17 PM
#3

Originally Posted by
Shaitan00
I am trying to find a way to display certain cells in RED or YELLOW based on specific criteria, ideally the cell itself could change color (it has to be very apparant) but in the worst-case a method of simply changing the color of the text would do - if there is no way to change the cell color.
Specifically, I have a DataSet with a table like the following:
[Date]-------[Type]--[Value]
11/20/2008---HEP-----10.1
11/20/2008---HAP-----7.8
11/21/2008---HEP-----12
11/21/2008---HAP-----100
11/21/2008---AAH-----2
(as an example)
Currently I get the DataSet (SQL table) and then set it as a datasource to my GridView on my ASP.NET web page - this works great.
Now I need to make the following changes:
- If [VALUE] is greater then 99 set the cell in question RED
- If [VALUE] is less then 10 set the cell in question YELLOW
I've got absolutly no clue how to accomplish this...
Is GridView the best method of displaying the data and setting colors? Is there an easy way to iterate over the data and determine which should be what color, is there a simpler approach?
Any help would be greatly appreciated.
Thanks,
Use something like the following in the rowdatabound event of your gridview:
protected void GridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
if (Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "num2Column")) > 99)
{
//change your row background color
e.Row.BackColor = System.Drawing.Color.Gray;
//change specific row cell background colors
e.Row.Cells[2].BackColor = System.Drawing.Color.Red;
e.Row.Cells[2].ForeColor = System.Drawing.Color.Blue; ;
}
}
}
Similar Threads
-
By Dragon Rider in forum HTML, JavaScript And CSS Help
Replies: 7
Last Post: August 22nd, 2006, 12:57 PM
-
By gunman69 in forum .NET Development
Replies: 0
Last Post: June 1st, 2006, 04:08 AM
-
By aditya1_in in forum HTML, JavaScript And CSS Help
Replies: 16
Last Post: February 22nd, 2005, 03:54 PM
-
By fd537 in forum .NET Development
Replies: 0
Last Post: November 3rd, 2004, 11:25 AM
-
By dmoonme in forum ASP Development
Replies: 2
Last Post: August 5th, 2004, 12:54 PM