How to style h:dataTable?

[Bin Smith]

Hello!

I am in complete confusion. I can't apply css styles anyway to my h:dataTable:

<h:dataTable id="forumsTable" value="#{forumsBacking.forumItems}" var="forum" headerClass="heading"
                         styleClass="mainTable" captionClass="caption1" rowClasses="even,odd">
                <h:column>
                    <f:facet name="header">
                        <h:outputLabel>
                            Forum
                        </h:outputLabel>
                    </f:facet>
                    <h:outputText id="forumName" class="forumName" value="#{forum.name}" />
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Topics/Answers" />
                    </f:facet>
                    <h:outputText id="topicsQuantity" class="topicsanswersQuantity" value="#{forumsBacking.topicsQuantity}" />/
                    <h:outputText id="answersQuantity" class="topicsanswersQuantity" value="#{forumsBacking.answersQuantity}" />
                </h:column>

                <h:column>
                </h:column>
                <h:column>
                </h:column>
                <f:facet name="caption">
                    <h:outputText value="Java forums" />
                </f:facet>
            </h:dataTable>

The issue is no css style is applied to ths table. Even more I can't style
<h:outputText id="forumName" class="forumName" value="#{forum.name}" />
with class 'forumName'. This text is not styled at all.

How to apply css styles to h:dataTable?

Thank you!

[Denis Sysoev]

Try to check for broken links for css styles in output HTML from this jsf.

[Greg Charles]

That looks right to me. What you can do is take a look at the page after it renders use whatever browser tools you have available. (I prefer Firefox with the Firebug plugin.) That will tell you if the classes are being applied at all, and if they are, what styling is being applied.

It's also possible that your browser is caching the style sheet. In that case, a Ctrl-Refresh or Alt-Refresh, depending on the browser, usually forces it to reload.

[Bin Smith]

Hello!

I am ashamed. It was very late yesterday when I did stupid attempts to style my table.
It was new page and I didn't notice that css file for this page was not referenced by h:outputScript

Thanks for replies!