Search code examples
jsfdatatablerichfaces

Change OutputText color inside a rich:dataTable

I'm new to jsf and I can't solve this issue. I have an OutputText inside a rich:dataTable. I want to change the color of this OutputText according to its value (these values are integer). For example, if value is >= 50 then color is red, else color is white. Thanks in advance.

Solution

  • It's easily done with css, for example:

    ...
<h:outputText styleClass="#{row.value gt 50 ? 'red' : 'white'}" value="#{row.value}"/>
...

    where classes red and white are defined accordingly or directly with style attribute:

    ...
<h:outputText style="color : #{row.value gt 50 ? 'red' : 'white'};" value="#{row.value}"/>
...

    and even simpler markup when color/class is calculated in Java:

    ...
<h:outputText styleClass="#{row.volumeTag}" value="#{row.value}"/>
...

    or in a custom EL function:

    ...
<h:outputText styleClass="#{my:categorize(row.value)}" value="#{row.value}"/>
...