change datagrid back color in asp.net 3.5

Question

0.00/5 (No votes)

See more:

i have an asp: datagrid which contain loat of template column.i want to change the back grond color in the grid row/cells based on the colum value lets say "Type" .datagrid is binded using code .

Posted 25-Apr-13 2:25am

rajin kp

Updated 25-Apr-13 2:57am

CHill60

v2

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tiwari Avinash · Answer 1 · 2013-04-29T23:39:00

Solution 3

I'm taking into account that you are using DataGrid and not the GridView of .net

you can use OnItemDataBound event of the datagrid.

use something like this in event

C#

if(ControlValue < 3)
{
    TableCell Cell = e.Row.Cells[0];
      Cell.BackColor = Color.Black;
}

or use the "e" event argument to find the cell instead of table cell

Posted 29-Apr-13 23:39pm

Tiwari Avinash

Comments

rajin kp 1-May-13 6:48am

controlvalue is avilable after databound isnt it ?

Satyendra Kumar(Analyst Programmer) · Answer 2 · 2013-04-29T23:10:00

Solution 2

Hi,
You can use jQuery to change background color of tr elements or you can modify this code jQuery selectors.

$(document).ready(function () {
       $('tr:even').addClass('alt-row-class');
       $('tr:odd').addClass('normal-row-class')
   });

Thanks

Posted 29-Apr-13 23:10pm

Satyendra Kumar(Analyst Programmer)

CHill60 · Answer 3 · 2013-04-25T02:57:00

Solution 1

There is an article about that in CodeProject (and about a quarter of a million hits in Google)
Changing the color of a row in a GridView in ASP.NET[^]

Only about 200k hits in google
http://stackoverflow.com/questions/11135353/datagrid-row-color-change-based-on-data[^]

Posted 25-Apr-13 2:57am

CHill60

Updated 29-Apr-13 22:10pm

v2

Comments

rajin kp 30-Apr-13 1:32am

bro , do you know data grid and grid view are different :)

CHill60 30-Apr-13 4:12am

But in both cases you use Row.Backcolor.
The point that it's incredibly easy to find this solution in google is the same though :-) I've updated my solution with a different link

Tiwari Avinash 30-Apr-13 5:41am

nice link!! I think rajin kp got some help from it surely.. :)

rajin kp 1-May-13 5:42am

i solve this as
protected void OTSDGView_ItemDataBound(object sender, DataGridItemEventArgs e)
{
try
{
//if (e.Row.RowType == DataControlRowType.DataRow)
//{
if (Convert.ToString(DataBinder.Eval(e.Item.DataItem, "AppointmentTypeID")) == "1")
{
e.Item.CssClass = "tr_Analysis";
}
else if (Convert.ToString(DataBinder.Eval(e.Item.DataItem, "AppointmentTypeID")) == "2")
{
e.Item.CssClass = "tr_Dietitian";
}
else if (Convert.ToString(DataBinder.Eval(e.Item.DataItem, "AppointmentTypeID")) == "3")
{
e.Item.CssClass = "tr_Doctor";
}
//}
}
catch (Exception ex)
{
//ErrorLabel.Text = ex.Message;
}

}
tks all