Rich:scrollableDataTable não apraecem as barras de rolagem

Pessoal, boa tarde

estou tentando utilizar um rich:scrollableDataTable
assim como o do link abaixo

http://livedemo.exadel.com/richfaces-demo/richfaces/scrollableDataTable.jsf;jsessionid=B0457515D3513ACD5A9F9A2B0EDAA292?c=scrollableDataTable&tab=usage

porém no meu caso eu copiei e colei exatamente como esta no site, mas as barras de rolagem
não aparecem, alguem poderia me dizer o que estou fazendo de errado?


<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="./template.xhtml">

    <ui:define name="title">
        GPS
    </ui:define>

    <ui:define name="body">
        <h:form>
            <h:panelGrid>
                <p><a href="template-client.jsf">Home</a></p>
            </h:panelGrid>
        </h:form>
        <h:form>
            <h:panelGroup>
                <h:panelGrid id="gps" columns="2">
                    <h:outputLabel value="#{gps.codigoReceita}"/>
                    <h:inputText binding="#{gpsController.codigoReceitaTributoInput}" value="#{gpsController.gps.codigoReceitaTributo}"/>
                    <h:outputLabel value="#{gps.tipoContribuinte}"/>
                    <rich:comboBox  binding="#{gpsController.tipoIdentificacaoContribuinteInput}"
                                    value="#{gpsController.gps.tipoIdentificacaoContribuinte}"
                                    directInputSuggestions="false">
                        <f:selectItems value="#{gpsController.identificacaoList}"/>
                    </rich:comboBox>
                    <h:outputLabel value="#{gps.identificacao}"/>
                    <h:inputText binding="#{gpsController.identificacaoContribuinteInput}" value="#{gpsController.gps.identificacaoContribuinte}"/>
                    <h:outputLabel value="#{gps.codigoTributo}"/>
                    <h:inputText binding="#{gpsController.codigoIdentificacaoTributoInput}" value="#{gpsController.gps.codigoIdentificacaoTributo}"/>
                    <h:outputLabel value="#{gps.competencia}"/>
                    <a4j:outputPanel id="competencia" layout="block">
                        <rich:calendar value="#{gpsController.gps.mesAnoCompetencia}"
                                       binding="#{gpsController.mesAnoCompetenciaInput}"
                                       popup="#{gps.popupDate}"
                                       datePattern="#{gps.competenciaPattern}"
                                       showApplyButton="#{gps.showApply}" cellWidth="24px" cellHeight="22px" style="width:200px"/>
                    </a4j:outputPanel>
                    <h:outputLabel value="#{gps.valorInss}"/>
                    <h:inputText binding="#{gpsController.valorPrevistoPagamentoInssInput}" value="#{gpsController.gps.valorPrevistoPagamentoInss}"/>
                    <h:outputLabel value="#{gps.valorOutrasEntidades}"/>
                    <h:inputText binding="#{gpsController.valorOutrasEntidadesInput}" value="#{gpsController.gps.valorOutrasEntidades}"/>
                    <h:outputLabel value="#{gps.atualizacao}"/>
                    <h:inputText binding="#{gpsController.atualizacaoMonetariaInput}" value="#{gpsController.gps.atualizacaoMonetaria}"/>
                </h:panelGrid>
                <h:panelGrid id="buttons" columns="2">
                    <a4j:commandButton value="Cadastra"
                                       reRender="gps"
                                       action="#{gpsController.cadastra}"
                                       style="width:120px; height:30px"
                                       id="botaoCadastrar"/>
                    <a4j:commandButton value="Limpar"
                                       reRender="gps"
                                       action="#{gpsController.limpar}"
                                       style="width:120px; height:30px"
                                       id="botaoLimpar"/>
                </h:panelGrid>

                <h:panelGrid id="tabela" columns="2">
                    <rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1" height="200px"
                                              width="800px" id="gpsLista" rows="8" columnClasses="col"
                                              value="#{gpsController.bean.lista}" var="gps"
                                              binding="#{gpsController.tableInput}"
                                              selection="#{gpsController.selection}">
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Código da Receita" />
                            </f:facet>
                            <h:outputText value="#{gps.codigoReceitaTributo}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Tipo de Identificação do Contribuinte" />
                            </f:facet>
                            <h:outputText value="#{gps.tipoIdentificacaoContribuinte}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Identificação do Contribuinte" />
                            </f:facet>
                            <h:outputText value="#{gps.identificacaoContribuinte}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Código de Identificaçao do Tributo" />
                            </f:facet>
                            <h:outputText value="#{gps.codigoIdentificacaoTributo}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Mês e Ano da Competência" />
                            </f:facet>
                            <h:outputText value="#{gps.mesAnoCompetencia}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Valor Previsto do Pagamento do INSS" />
                            </f:facet>
                            <h:outputText value="#{gps.valorPrevistoPagamentoInss}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Valor de Outras Moedas" />
                            </f:facet>
                            <h:outputText value="#{gps.valorOutrasMoedas}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Atualização Monetária" />
                            </f:facet>
                            <h:outputText value="#{gps.atualizacaoMonetaria}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText styleClass="headerText" value="Actions" />
                            </f:facet>
                            <a4j:commandLink ajaxSingle="true" id="deletelink"
                                             oncomplete="#{rich:component('deletePanel')}.show()">
                                <h:graphicImage value="/images/delete.JPG" style="border:0" />
                                <f:setPropertyActionListener value="#{row}"
                                                             target="#{dataTableScrollerBean.currentRow}" />
                            </a4j:commandLink>
                            <rich:toolTip for="deletelink" value="Delete" />
                        </rich:column>
                    </rich:scrollableDataTable>
                </h:panelGrid>
            </h:panelGroup>
        </h:form>
    </ui:define>
</ui:composition>

public class GpsController {

    public List<SelectItem> identificacaoList = new ArrayList<SelectItem>();
    GpsBean bean = new GpsBean();
    Gps gps = bean.getGps();
    List<Gps> lista = bean.getLista();
    private UIInput codigoReceitaTributoInput;
    private HtmlComboBox tipoIdentificacaoContribuinteInput;
    private UIInput identificacaoContribuinteInput;
    private UIInput codigoIdentificacaoTributoInput;
    private UIInput mesAnoCompetenciaInput;
    private UIInput valorPrevistoPagamentoInssInput;
    private UIInput valorOutrasEntidadesInput;
    private UIInput atualizacaoMonetariaInput;
    private HtmlScrollableDataTable tableInput;
    private String selection;

    public List<SelectItem> getIdentificacaoList() {
        for (SantanderPagForTributosConcessionariasTipoIdentificacaoContribuinte identificacaoEnum : SantanderPagForTributosConcessionariasTipoIdentificacaoContribuinte.values()) {
            SelectItem item = new SelectItem(identificacaoEnum.getDescricao());
            identificacaoList.add(item);
        }
        return identificacaoList;
    }

    public List<Gps> getLista() {
        return lista;
    }

    public void setLista(List<Gps> lista) {
        this.lista = lista;
    }

    public void setIdentificacaoList(List<SelectItem> identificacaoList) {
        this.identificacaoList = identificacaoList;
    }

    public UIInput getAtualizacaoMonetariaInput() {
        return atualizacaoMonetariaInput;
    }

    public void setAtualizacaoMonetariaInput(UIInput atualizacaoMonetariaInput) {
        this.atualizacaoMonetariaInput = atualizacaoMonetariaInput;
    }

    public UIInput getCodigoIdentificacaoTributoInput() {
        return codigoIdentificacaoTributoInput;
    }

    public void setCodigoIdentificacaoTributoInput(UIInput codigoIdentificacaoTributoInput) {
        this.codigoIdentificacaoTributoInput = codigoIdentificacaoTributoInput;
    }

    public UIInput getCodigoReceitaTributoInput() {
        return codigoReceitaTributoInput;
    }

    public void setCodigoReceitaTributoInput(UIInput codigoReceitaTributoInput) {
        this.codigoReceitaTributoInput = codigoReceitaTributoInput;
    }

    public Gps getGps() {
        return gps;
    }

    public void setGps(Gps gps) {
        this.gps = gps;
    }

    public UIInput getIdentificacaoContribuinteInput() {
        return identificacaoContribuinteInput;
    }

    public void setIdentificacaoContribuinteInput(UIInput identificacaoContribuinteInput) {
        this.identificacaoContribuinteInput = identificacaoContribuinteInput;
    }

    public UIInput getMesAnoCompetenciaInput() {
        return mesAnoCompetenciaInput;
    }

    public void setMesAnoCompetenciaInput(UIInput mesAnoCompetenciaInput) {
        this.mesAnoCompetenciaInput = mesAnoCompetenciaInput;
    }

    public HtmlComboBox getTipoIdentificacaoContribuinteInput() {
        return tipoIdentificacaoContribuinteInput;
    }

    public void setTipoIdentificacaoContribuinteInput(HtmlComboBox tipoIdentificacaoContribuinteInput) {
        this.tipoIdentificacaoContribuinteInput = tipoIdentificacaoContribuinteInput;
    }

    public UIInput getValorOutrasEntidadesInput() {
        return valorOutrasEntidadesInput;
    }

    public void setValorOutrasEntidadesInput(UIInput valorOutrasEntidadesInput) {
        this.valorOutrasEntidadesInput = valorOutrasEntidadesInput;
    }

    public UIInput getValorPrevistoPagamentoInssInput() {
        return valorPrevistoPagamentoInssInput;
    }

    public void setValorPrevistoPagamentoInssInput(UIInput valorPrevistoPagamentoInssInput) {
        this.valorPrevistoPagamentoInssInput = valorPrevistoPagamentoInssInput;
    }

    public GpsBean getBean() {
        return bean;
    }

    public void setBean(GpsBean bean) {
        this.bean = bean;
    }

    public String getSelection() {
        return selection;
    }

    public void setSelection(String selection) {
        this.selection = selection;
    }

    public HtmlScrollableDataTable getTableInput() {
        return tableInput;
    }

    public void setTableInput(HtmlScrollableDataTable tableInput) {
        this.tableInput = tableInput;
    }

    public void limpar() {
        codigoReceitaTributoInput.setSubmittedValue("");
        tipoIdentificacaoContribuinteInput.setSubmittedValue("");
        identificacaoContribuinteInput.setSubmittedValue("");
        codigoIdentificacaoTributoInput.setSubmittedValue("");
        mesAnoCompetenciaInput.setSubmittedValue("");
        valorPrevistoPagamentoInssInput.setSubmittedValue("");
        valorOutrasEntidadesInput.setSubmittedValue("");
        atualizacaoMonetariaInput.setSubmittedValue("");
    }

    public void cadastra() {
        // bean.salvar();
        this.limpar();
    }
}