[TRINIDAD] Table with each row own css style

[Joris Kimpe]

Hi all,

I have a table (containing days) where I want the weekdays to have a
different css style than Saturday and Sunday. 

In my jsp I used a variable styleClass:
        <tr:table value="#{backingBean.dataModel}" var="row" width="100%">
                <tr:column width="10%" 
styleClass="overviewTable_#{row.dayType}">
                        <f:facet name="header">
                                <tr:outputText value="#{text['date']}"/>
                        </f:facet>
                        <tr:outputText value="#{row.date}" 
converter="DateConverter"/>
                </tr:column>
                ...
        </tr:table>


The generated html looks like this:
...
<td class="calculationOverviewTable_week x7a xbd">
...
<td class="calculationOverviewTable_weekend x7a xbd">
...


Why are there some additions (x7a xbd), and how do I have to implement my
css file(s)?  Because my styles aren't applied...


My css file has now this:
.overviewTable_week {
        vertical-align:top;
        background-color:#ffffff;
}

.overviewTable_weekend {
        vertical-align:top;
        background-color:#99CCFF;
}

Thanks!

-- 
View this message in context: 
http://www.nabble.com/-TRINIDAD--Table-with-each-row-own-css-style-tp18000357p18000357.html
Sent from the MyFaces - Users mailing list archive at Nabble.com.