Gridview design witn Css apply this

Posted by Jayakumars under Regular Expressions on 5/27/2011 | Points: 10 | Views : 46913 | Status : [Member] [MVP] | Replies : 6
hi

every one
i Need Gridview design with css with borders how to design this any one post urls.

Selected row show separe colors.

Mark as Answer if its helpful to you


Responses

Posted by: Prabhakar on: 5/27/2011 [Member] [MVP] Starter | Points: 25
Posted by: Jayakumars on: 5/27/2011 [Member] [MVP] Bronze | Points: 25

Up
0
Down
hi
thanks both of you
i need layout just design datagrid enough colorful datagrid without teleriks

Mark as Answer if its helpful to you

Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Susanthampy on: 5/29/2011 [Member] [MVP] Bronze | Points: 25
Posted by: Ndebata on: 5/30/2011 [Member] Starter | Points: 25

Up
0
Down
Hi
Take a look at this which i replied some days before.
http://www.dotnetfunda.com/forums/thread4630-gridview-border-color-problem-.aspx

Thanks,
Debata

Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Mrnikkan on: 12/14/2012 [Member] Starter | Points: 25

Up
0
Down
try this

.gridview {
font-family:"arial";
background-color:#FFFFFF;
width: 100%;
font-size: small;
}
.gridview th {
background: #7AC142;
padding: 5px;
font-size:small;

}
.gridview th a{
color: #003300;
text-decoration: none;
}
.gridview th a:hover{
color: #003300;
text-decoration: underline;
}
.gridview td {
background: #D9EDC9;
color: #333333;
font: small "arial";
padding: 4px;
}
.gridview tr.even td {
background: #FFFFFF;
}
.gridview td a{
color: #003300;
font: bold small "arial";
padding: 2px;
text-decoration: none;
}
.gridview td a:hover {
color: red;
font-weight: bold;
text-decoration:underline;
}

if using .css file for your control then it goes
if ur pasting the code in the source page then add <stlye> tag

Jayakumars, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response