2012-04-11 67 views
0

我昨天实现了表分类器,我有一个问题,试图改变单元格的颜色,如果某一时间少于当前时间我想改变单元格红色,如果他们失败这是我的C#代码,我们原本只是有它工作得很好一个GridView,但我们想改变它,使其更快继承人排序C#代码JQuery Table Sorter插件样式

protected void gvResult_rowDataBound(Object sender, GridViewRowEventArgs e) 
     { 
      DateTime AppointmentTime = DateTime.Now; 

      if (e.Row.RowType == DataControlRowType.DataRow) 
      { 
       AppointmentTime = Convert.ToDateTime(DataBinder.Eval(e.Row.DataItem, "AppointmentTime")); 

       if (AppointmentTime < DateTime.Now) 
       { 

        e.Row.CssClass = "gvRowRed"; 
        e.Row.Cells[0].CssClass = "white"; 
        e.Row.Cells[1].CssClass = "white"; 
        e.Row.Cells[2].CssClass = "white"; 
        e.Row.Cells[3].CssClass = "white"; 
        e.Row.Cells[4].CssClass = "white"; 
        e.Row.Cells[5].CssClass = "white"; 
        e.Row.Cells[6].CssClass = "white"; 
        e.Row.Cells[7].CssClass = "white"; 
       } 
       else if (AppointmentTime > DateTime.Now && AppointmentTime < DateTime.Now.AddHours(1)) 
       { 
        e.Row.CssClass = "gvRowGreen"; 
        e.Row.Cells[0].CssClass = "white"; 
        e.Row.Cells[1].CssClass = "white"; 
        e.Row.Cells[2].CssClass = "white"; 
        e.Row.Cells[3].CssClass = "white"; 
        e.Row.Cells[4].CssClass = "white"; 
        e.Row.Cells[5].CssClass = "white"; 
        e.Row.Cells[6].CssClass = "white"; 
        e.Row.Cells[7].CssClass = "white"; 
       } 
      } 


     } 

它的第一部分IM在此刻集中,所以如果appointmenttime少然后datetime.now我需要颜色的单元格背景红色和字体的颜色白色,但由于某种原因背景颜色不会改变,只有字体的颜色做任何帮助瓦特不胜感激。

继承人的CSS

table.tablesorter { 
    font-family:arial; 
    background-color: #CDCDCD; 
    margin:10px 0pt 15px; 
    width: 100%; 
    text-align: left; 
} 
table.tablesorter thead tr th, table.tablesorter tfoot tr th { 
    background-color: #336699; 
    border: 1px solid black; 
    padding: 10px 15px; 
    vertical-align:middle; 
    font:verdana; 
    color:White; 
} 
table.tablesorter thead tr .header { 
    background-image: url('/img/bg/bg.gif'); 
    background-repeat: no-repeat; 
    background-position: center right; 
    cursor: pointer; 
} 
table.tablesorter tbody td { 
    color: #3D3D3D; 
    padding: 4px; 
    background-color: #FFF; 
    vertical-align: top; 
} 
table.tablesorter tbody tr.odd td { 
    background-color:#F0F0F6; 
} 
table.tablesorter thead tr .headerSortUp { 
    background-image: url('/img/bg/asc.gif') ; 
    background-repeat: no-repeat; 
    background-position: center right; 
} 
table.tablesorter thead tr .headerSortDown { 
    background-image: url('/img/bg/desc.gif'); 
    background-repeat: no-repeat; 
    background-position: center right; 
} 
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { 
background-color: #8dbdd8; 
} 

.gvRowRed 
{ 
    background-color:Red !important; 
} 

.white 
{ 
color:#ffffff !important; 
} 

+0

你可以添加相关的css吗? – 2012-04-11 09:25:31

+0

请参阅以上的CSS – 2012-04-11 09:28:56

回答

0

尝试改变

.gvRowRed 
{ 
    background-color:Red !important; 
} 

.gvRowRed td 
{ 
    background-color:Red !important; 
} 

与同为gvRowGreen - 它的应用类的行而不是细胞。

+0

优秀,工作正常!谢谢:D – 2012-04-11 09:34:03

+0

完全没问题:) – 2012-04-11 09:39:22