Galera tenho uma pagina XHTM e estou usando um data table que tem um cabeçalho que exibe uma lista preciso que esse cabeçalho fique fixo na tela como faço isso tentei usar um frame mais o que fiz não deu certo abaixo esta o fonte
<h:dataTable id="boletos" value="#{monitorarBoletoMBean.listOperacao}" var="operacao" cellpadding="0" cellspacing="0" first="0" rows="50" styleClass="tabela_boletos1" frame="100%" headerClass="cabecalho">
<h:column>
<f:facet name="header">
<h:selectBooleanCheckbox id="checkboxTodosID" value="false" onclick="habilitaTodosCheckbox();" />
</f:facet>
<h:selectBooleanCheckbox id="checkboxID" value="# monitorarBoletoMBean.mapSelecionados[operacao.preOperacao.numero]}" onclick="habilitaDesabilitaComplementarAutorizar('#{operacao.situacaoOperacao.codigo}');" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.numero.boleto.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.boletoSigom}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.data.fechamento.monitorar.boleto']}" />
</f:facet>
<h:outputText value="#{operacao.dataFechamento}">
<f:convertDateTime pattern="dd/MM/yyyy"/>
</h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.cliente.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.nomeCliente}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.vencimento.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.vencimento}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.sub.modalidade.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.subModalidade}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.moeda.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.moeda.nomeUnidadeValorPort}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.data.mn.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.dataPrevistaLiquidacao}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:panelGroup>
<h:outputText value="#{msg['r2.text.data.me.monitorar.boleto']}"/><h:graphicImage value="/images/spacer.gif" styleClass="geral_seta_ordena_prabaixo"/>
</h:panelGroup>
</f:facet>
<h:outputText value="#{operacao.dataPrevistaLiquidacaoME}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.valor.operacao.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.valorME}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.segmento.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.nomeSeguimentoCliente}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.cod.usuario.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.operadorSigom}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.corretor.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.nomeCorretora}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.dependencia.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.dependencia.nome}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.cidade.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.cidadeCliente}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="#{msg['r2.text.status.monitorar.boleto']}"/>
</f:facet>
<h:outputText value="#{operacao.situacaoOperacao.descricaoResumida}" />
</h:column>
</h:dataTable>