Olá, pessoal. Dei uma pesquisada mas não consegui encontrar nada que me ajudasse no assunto…
Tenho algumas tabelas no meu sistema (algumas com paginação, outras não). Acontece que as tabelas com paginação sempre exibem um “rodapé vazio”, o que deixa o sistema um pouco feio… Eu gostaria de tirar esses rodapés das tabelas sem paginação, mas não consigo… Alguém pode ajudar?
Código Datatable sem paginação:
<p:dataTable
id="dataTableEmpresa"
var="empresa"
value="#{empresaMB.empresas}"
rowKey="#{empresa.id.codEmpresa}"
sortBy="#{empresa.id.codEmpresa}"
style="width:800px"
scrollRows="30"
scrollable="true"
liveScroll="true"
scrollHeight="390"
emptyMessage=""
>
<p:column
headerText="#{msgs.tela_empresa_codigo}"
sortBy="#{empresa.id.codEmpresa}"
style="vertical-align: middle !important;text-align: center; width:100px" >
<h:outputText
value="#{empresa.id.codEmpresa}"
/>
</p:column>
<p:column
headerText="#{msgs.tela_empresa_nome}"
sortBy="#{empresa.nomeEmpresa}"
style="vertical-align: middle !important; width:600px">
<h:commandLink
style="text-align:left"
id="linhaEmpresa#{empresa.id.codEmpresa}"
value="#{empresa.nomeEmpresa}"
actionListener="#{empresaMB.obterObjeto}"
action="#{empresaMB.editar}"
>
</h:commandLink>
</p:column>
</p:dataTable>
Print:
O Datatable tem tamanho fixo, como só existe um elemento na lista, o rodapé fica meio “solto” na parte inferior da página.
Código Datatable com paginação:
<p:dataTable
id="tabelaLojas"
page="#{consultarLojasMB.paginaSelecionada}"
value="#{consultarLojasMB.listaLojas}"
var="loja"
selection="#{consultarLojasMB.lojaSelecionada}"
resizableColumns="false"
scrollHeight="301"
scrollable="true"
sortBy="#{loja.id.codigo}"
paginatorPosition="bottom"
style="height: 100% !important;width:881px;"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
paginator="true"
rows="12"
rowsPerPageTemplate="12,24,48,96"
emptyMessage="">
<p:column id="cod" sortBy="#{loja.id.codigo}"
style="vertical-align: middle !important;text-align: center !important; width:80px;">
<!-- ... -->
<h:outputText
value="#{loja.id.codigo}"
/>
</p:column>
<p:column sortBy="#{loja.nome}"
style="vertical-align: middle !important;text-align: left !important; width:450px;">
<f:facet name="header">
<h:outputText
value="#{msgs.tela_consultar_lojas_campo_nome}" />
</f:facet>
<p:commandLink
id="commandLinkLojaId#{loja.nome}"
<!-- ... -->
">
<f:param id="lojaSelecionada" name="lojaSelecionada"
value="#{loja}" />
</p:commandLink>
</p:column>
<p:column sortBy="#{loja.cnpj}"
style="vertical-align: middle !important;text-align: center !important; width:150px;">
<!-- ... -->
<h:outputText
value="#{loja.CNPJFormatado}"
/>
</p:column>
<p:column sortBy="#{loja.telVoz}"
style="vertical-align: middle !important;text-align: left !important; width:120px;">
<!-- ... -->
<h:outputText
value="#{loja.telVoz}"
/>
</p:column>
</p:dataTable>
Print:
Agradeço cooperação de vocês!