Need help in display the page number in the data scroller

Hi,
I am trying to build a dataScroller with page number like it here:

http://www.irian.at/myfaces/dataScroller.jsf

Here is my code, but when I test it, I can only see the buttons not the page numbers in the above links. I think I have followed what is done in the example as close as possible. Can you please tel me what am I missing?

Thank you.

<h:panelGrid columns="1" styleClass="scrollerTable" columnClasses="standardTable_ColumnCentered" >
    <t:dataScroller id="scroll" for="#{tableName}" fastStep="10"
        pageCountVar="pageCount" pageIndexVar="pageIndex" immediate="true"
        styleClass="scroller" paginator="true" paginatorMaxPages="9"
        paginatorActiveColumnStyle="font-weight:bold;"
        paginatorTableClass="paginator">
        <f:facet name="first" >
            <t:graphicImage url="/images/arrow-first.gif"/>
        </f:facet>
        <f:facet name="last">
            <t:graphicImage url="/images/arrow-last.gif"/>
        </f:facet>
        <f:facet name="previous">
            <t:graphicImage url="/images/arrow-previous.gif"/>
        </f:facet>
        <f:facet name="next">
            <t:graphicImage url="/images/arrow-next.gif"/>
        </f:facet>
        <f:facet name="fastforward">
            <t:graphicImage url="/images/arrow-ff.gif"/>
        </f:facet>
        <f:facet name="fastrewind">
            <t:graphicImage url="/images/arrow-fr.gif"/>
        </f:facet>
    </t:dataScroller>
</h:panelGrid>

Put the following code between </t:dataScroller> and </h:panelGrid>

Lars