title: styling CellTable Row depending on it's value
body: <p>I need to change the color of the row in <code>CellTble</code> depending on its value, I'm setting the style by  (<code>cellTable.css</code>) file using <code>Interface CellTable.Style</code> . </p>
  
  <p>I tried the code :</p>
  
  <pre><code>AttendanceTable.setRowStyles(new RowStyles&lt;AttendanceRecord&gt;(){
  
              @Override
              public String getStyleNames(AttendanceRecord row, int rowIndex) {
  
                  if(row.getName().equals("-"))
                      return"blueText";
                  else
                      return"normalText";
              }
  
          });
  </code></pre>
  
  <p>and both (<code>blueText</code> , <code>normalText</code>)are defined in my <code>project.css</code> file but it don't see them.</p>
  
  <p>any suggestions? ... thanks in advance. </p>
  
  <p>my <code>cellTable.css</code> file is as follow:</p>
  
  <pre><code>/**  
   * table styles     
  */
  
  .cellTableCell {
  border:0px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  height: 37px;
  color:#7f7f7f;
  font-size: 12px;
  font-family: sans-serif;
  padding-left: 10px;
  }
  
  .cellTableHeader {
  color: #FFFFFF;
  border:0px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
  background-color: #6AA0BF;
  text-align: center;
  font-size:11px;
  text-shadow: none;
  overflow: hidden;
  height: 50px;
  font-family: sans-serif;
  }
  .cellTableEvenRow {
  background: #C8CED6;
  text-align: center;
  }
  
  .cellTableOddRow {
  background: #DFE7F2;
  text-align: center;
  }
  
  .cellTableHoveredRow {
  background: #D0D8E8 ;
  text-align: center;
  }
  .cellTableSelectedRow {
  background: #ea9706;
  text-align: center;
  
  }
  .cellTableSelectedRowCell {
      color: white ;
  }
  </code></pre>