How to change the font color of a particular row in af:table

Question

I have a <af:table> bounded to a readonly ViewObject and this view object is a collection of an sql query. Now when this table is rendered i want font color of the specific attributes to be changed based on certain logic.
Eg. If my af:table is showing a resultset which has Attributest like ... EmployeeName | BalanceLeave . Then i want that the BalanceLeave value shoud be displayed in RED color if leave balance attribute value is more than 20.
Please help me on this.

Answer 1

For this you use the styleClass property of the attribute and use an EL bound to a managed bean to return the desired style.
Something like this to switch the color public class ColorSwitchBean {
    public ColorSwitchBean() {
        super();
    String mStyleClass = null;
String mColorSyle = null;
    public String getStyleClass() {
        FacesContext fc = FacesContext.getCurrentInstance();
        ELContext elc = fc.getELContext();
        ExpressionFactory elf = fc.getApplication().getExpressionFactory();
        String sval =
            (String)elf.createValueExpression(elc, "#{row.City}", Object.class).getValue(elc);
        if (sval.startsWith("S"))
            mStyleClass = "red_background";
        else if (sval.startsWith("M"))
            mStyleClass = "green_background";
        else
            mStyleClass="";
        return mStyleClass;
     public void setStyleClass(String aStyleClass) {
        mStyleClass = aStyleClass;
    public void setColorSyle(String mColorSyle) {
        this.mColorSyle = mColorSyle;
    public String getColorSyle() {
      FacesContext fc = FacesContext.getCurrentInstance();
      ELContext elc = fc.getELContext();
      ExpressionFactory elf = fc.getApplication().getExpressionFactory();
      String sval =
          (String)elf.createValueExpression(elc, "#{row.City}", Object.class).getValue(elc);
      mColorSyle = "";
      if (sval.startsWith("S")) {
          mColorSyle = "background-color:Red";
      else if (sval.startsWith("M")) {
          mColorSyle = "background-color:Green";
      return mColorSyle;
}and this inside the table:- <af:column sortProperty="City" sortable="true" headerText="#{bindings.Departments.hints.City.label}" id="c1" styleClass="#{ColorSwitchBean.styleClass}">
  <af:outputText value="#{row.City}" id="ot2" /> Timo