DataTable Remontando

Galera tenho meus datatable em meus formulários, implementei o filterBy, mas qdo digito uma letra ao invés de filtrar e atualizar o datatable ele remonta o datatable dentro dele mesmo...abaixo segue as imagens do que acontece, o mesmo se dá qdo uso o paginator alguém passou por isso? parece um bug...meu código:
<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html 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:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/formularios/template.xhtml">
	<ui:define name="conteudo">
		<p:layoutUnit position="center" header="Cidade">
			<h:form id="formPrincipal">
				<h:panelGrid id="primeiroPanel" columns="4">
					<p:panel style="width:470px">
						<p:focus />
						<p:growl id="growl" showDetail="true" />
						<h:panelGrid columns="2" id="segundoPanel">
							<h:panelGroup>
								<p:fieldset legend="Descrição"
									style="font-size:12px; width: 250px;">
									<p:inputText id="cidade-descricao" required="true"
										requiredMessage="Campo [Descrição] obrigatório"
										value="#{cidadeBean.cidade.descricao}" size="30"
										maxlength="30">
									</p:inputText>
								</p:fieldset>
							</h:panelGroup>

							<h:panelGroup>
								<p:fieldset legend="Estado" style="font-size:12px;">
									<h:selectOneMenu id="selectEstado"
										value="#{cidadeBean.cidade.estado}">
										<f:selectItems value="#{entradaCidadesBBean.UF}" />
									</h:selectOneMenu>
								</p:fieldset>
							</h:panelGroup>

						</h:panelGrid>
					</p:panel>
					<h:panelGroup>
						<p:commandButton id="btCadastrar" value="Cadastrar"
							actionListener="#{cidadeBean.salvar}"
							update="formPrincipal" image="ui-icon-disk"
							rendered="#{cidadeBean.cidade.descricao == null}" />
						<p:commandButton id="btAlterar" value="Atualizar"
							actionListener="#{cidadeBean.atualizar}"
							update="formPrincipal" image="ui-icon-disk"
							rendered="#{cidadeBean.cidade.descricao != null}" />
						<p:commandButton id="btNovo" value="Novo"
							actionListener="#{cidadeBean.novo}" update="formPrincipal"
							image="ui-icon-disk"
							rendered="#{cidadeBean.cidade.descricao != null}" />
					</h:panelGroup>

				</h:panelGrid>
				<h:commandLink>
					<p:graphicImage value="/images/pdf.png" />
					<p:dataExporter type="pdf" target="tabela" fileName="cidades"
						preProcessor="#{entradaCidadesBBean.preProcessPDF}"
						excludeColumns="2,3" />
				</h:commandLink>
				<p:dataTable id="tabela" var="cidades" scrollable="true"
					height="150" binding="#{cidadeBean.tabela}"
					value="#{entradaCidadesBBean.cidades}" emptyMessage="sem registros"
					widgetVar="carsTable">
					<f:facet name="header">
						<p:outputPanel>
							<h:outputText value="Search all fields:" />
							<p:inputText id="globalFilter" onkeyup="carsTable.filter()"
								style="width:150px" />
						</p:outputPanel>
					</f:facet>
					<p:column headerText="Descricao" footerText="Descricao"
						style="width:200px"
						filterBy="#{cidades.descricao}" filterMatchMode="contains">
						<h:outputText value="#{cidades.descricao}" />
					</p:column>
					<p:column headerText="Estado" footerText="Estado"
						style="width:100px"
						filterBy="#{cidades.estado}" filterMatchMode="contains">
						<h:outputText value="#{cidades.estado}" />
					</p:column>
					<p:column style="width:100px">
						<p:commandButton image="ui-icon-pencil" title="Alterar"
							actionListener="#{cidadeBean.alterar}"
							/>
						<p:commandButton image="ui-icon-trash" title="Remover"
							actionListener="#{cidadeBean.excluir}"/>
					</p:column>
				</p:dataTable>
			</h:form>
		</p:layoutUnit>
	</ui:define>
</ui:composition>
</html>
Topicos relacionados
