Primeface utilizando em Mobile, problema de filtro no layout

Programação Java
#1

Boa tarde, estou com um problema que no momento que abro a pagina, não é mostrado a opção de filtro.

<p:dataTable id="tblagentes" var="backuplista"
						sortBy="#{backuplista.nomebackup}" widgetVar="tbbackulist"
						rowStyleClass="#{backuplista.status eq 'D' ?'inativo' : null}"
						value="#{agentesbean.backupagentes}" reflow="true"
						emptyMessage="Nenhum registro localizado..."
						tableStyle="table-layout: auto;" paginator="true" rows="20"
						rowsPerPageTemplate="10,20,30,40,50" paginatorPosition="bottom"
						editable="true" resizableColumns="true">
                                                <p:column headerText="Nome Backup"
							filterBy="#{backuplista.nomebackup}" filterStyle="display:none"
							sortBy="#{backuplista.nomebackup}">
								<f:facet name="output">
									<h:outputText value="#{backuplista.nomebackup}" />
								</f:facet>
								<f:facet name="input">
									<p:inputText id="cadNome" value="#{backuplista.nomebackup}"
										label="latNome" required="true" styleClass="upperCase"
										validatorMessage="Nome Agente: Erro ao validar ">
										<f:validateRegex pattern="([a-zA-Z]+[-]?[a-zA-Z]+)" />
										<p:ajax update="latNome" event="keyup" />
									</p:inputText>
									<p:message for="cadNome" id="latNome" display="icon" />
								</f:facet>
						</p:column>

No PC fica com o seguinte layout…

1
1.jpg1399×618 110 KB

Já no celular não aparece o filtro e não estou achando uma maneira de traduzir ou mudar a forma de ordenar…

80970017_3316852001675030_7726073341420765184_n
80970017_3316852001675030_7726073341420765184_n.png540×960 97.6 KB

Alguém sabe como tratar essa quentão de aparecer o filtro ou trabalha com dois tipos de filtro…
E na questão de ordenar se tem algo que eu possa fazer?

Obrigado …

#2

Pelo que eu me lembro, quando se utiliza a propriedade reflow, o Prime por padrão seta o filtro com display none, você terá que ver qual é a classe css que é utilizada no filtro, através do inspecionar do navegador e ai tirar o display none

Você pode criar um botão que aparece so no mobile e ai ele ordena conforme a opção escolhida.
O botão seria tipo o colToggler: https://www.primefaces.org/showcase/ui/data/datatable/columnToggler.xhtml

1 curtida