CONTENT_COMPRESSION and CSS problem

Question

Hi all
I'm using JDeveloper 11.1.2.1 and I am trying to conditionally format table row when row is selected or hovered.
When web.xml context param org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION is set to true my css is applyed as expected, but when I enable content compression my css doesn't work.
Here is my css code:
af|table::data-row:selected af|column::data-cell.SpecialRow,
af|table::data-row:selected:hover af|column::data-cell.SpecialRow{
    background-color: #ff8383;
af|table::data-row:hover af|column::data-cell.SpecialRow{
    background-color: #ffa5a5;
}SpecialRow css class is set on every column in my table.
What am I doing wrong?
Is there another way to apply different css for different selected or hovered rows?
Thanks in advance.

Answer 1

Specify the styleClass as below:
.SpecialTable af|table::data-row:selected af|column::data-cell {
    background-color: #ff8383;
.SpecialTable af|table::data-row:selected:hover af|column::data-cell {
    background-color: #ff8383;
.SpecialTable af|table::data-row:hover af|column::data-cell {
    background-color: #ffa5a5;
}Use this named class for the table (not for the column) as below:
         <af:table value="#{bindings.Departments.collectionModel}" var="row"
                          rows="#{bindings.Departments.rangeSize}" styleClass="SpecialTable"
                          emptyText="#{bindings.Departments.viewable ? 'No data to display.' : 'Access Denied.'}"
                          fetchSize="#{bindings.Departments.rangeSize}" rowBandingInterval="0"
                          selectedRowKeys="#{bindings.Departments.collectionModel.selectedRow}"
                          selectionListener="#{bindings.Departments.collectionModel.makeCurrent}" rowSelection="single"
                          id="t1">
                    <af:column sortProperty="#{bindings.Departments.hints.DepartmentId.name}" sortable="false"
                               headerText="#{bindings.Departments.hints.DepartmentId.label}" id="c1">
                        <af:outputText value="#{row.DepartmentId}" id="ot1">
                            <af:convertNumber groupingUsed="false"
                                              pattern="#{bindings.Departments.hints.DepartmentId.format}"/>
                        </af:outputText>
                    </af:column>
                    <af:column sortProperty="#{bindings.Departments.hints.DepartmentName.name}" sortable="false"
                               headerText="#{bindings.Departments.hints.DepartmentName.label}" id="c2">
                        <af:outputText value="#{row.DepartmentName}" id="ot2"/>
                    </af:column>
                </af:table>Thanks,
Navaneeth