JQuery Table Sorter plugin styling

Question

Вчера я внедрил сортировщик таблиц, и у меня есть проблема с попыткой изменить цвет ячеек, если определенное время меньше, чем текущее время, когда я хочу изменить ячейки красным, если они терпят неудачу, это мой C# кодекс изначально мы только что GridView, который работал хорошо, но мы хотели бы изменить его, чтобы сделать его быстрее для сортировки Heres C# код

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"; 
       } 
      } 


     } 

Сво первая часть им сосредоточиться на в данный момент, так что если appointmenttime меньше то datetime.now мне нужно окрасить цвет фона в красный цвет и цвет шрифта белый, но по какой-то причине задний цвет не меняется, только цвет шрифта помогает следует приветствовать.

Heres СМЧ

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

Answer 1

Попробуйте изменить

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

в

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

и то же самое для gvRowGreen - это применение класс к строке, а не клетки ,