title: coloring primefaces table cells depending on condition
body: <p>it's my first project with primefaces, and I can't find out why my cells are not colored.
  my XHTML file contains the following: </p>
  
  <pre><code>&lt;h:head&gt;
  &lt;title&gt;Job Status Reporter&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="/jobstatusreport/colors.css" /&gt;
  &lt;/h:head&gt;
  
   ...
  
   &lt;h:dataTable var="myJob" value="#{workPackage.jobs}"
      rowStyleClass="#{myJob.jobStatus == 'SUCCESS' ? 'green' : 
    (myJob.jobStatus == 'PARTIAL SUCCESS' ? 'yellow' : (myJob.jobStatus == 'FAILURE' ? 'red'   :'white'))}"&gt;
  &lt;h:column&gt;
      &lt;h:outputText value="#{myJob.jobId}" /&gt;
  &lt;/h:column&gt;
  &lt;h:column&gt;
          &lt;h:outputText value="#{myJob.jobType}" /&gt;
  &lt;/h:column&gt;
      &lt;h:column&gt;
      &lt;h:outputText value="#{myJob.jobStatus}" /&gt;
      &lt;/h:column&gt;
  &lt;/h:dataTable&gt;
  </code></pre>
  
  <p>and my colors.css file is created in WebContent/resources/css/ folder and defined as follow:</p>
  
  <pre><code>.green.ui-datatable { background: green;}
  
  .red.ui-datatable {background: red;}
  
  .yellow.ui-datatable {background: yellow;}
  
  .white.ui-datatable {background: white;}
  </code></pre>
  
  <p>but I still get uncolored cells on my web browser, can anyone tell me what's the problem?</p>
  
  <p>EDIT: </p>
  
  <p>when I changed h:dataTable ... to p:dataTable ... I got the following message:</p>
  
  <pre><code>/globalReport.xhtml @32,169 rowStyleClass="#{myJob.jobStatus == 'SUCCESS' ? 'green' : (myJob.jobStatus == 'PARTIAL SUCCESS' ? 'yellow' : (myJob.jobStatus == 'FAILURE' ? 'red' : 'white'))}": Property 'jobStatus' not found on type org.hibernate.collection.internal.AbstractPersistentCollection$SetProxy 
  </code></pre>
  
  <p>can anyone help, please?</p>