dataTable not reflow in some devices

kmsistemas
Posts: 6
Joined: 19 Aug 2015, 14:59

15 Jun 2016, 23:15

Hi,

My DataTable usually works reflow in my android phone MotoG2 , but when I try to use on an iPhone 6s plus reflow does not work!
my code looks like this:

Code: Select all

					<p:dataTable id="tablePosicaoFinanceiraId"
						var="_posicaoFinanceira"
						value="#{posicaoFinanceiraController.posicaoFinanceiraList}"
						paginator="false"
			            reflow="true"
			            rowStyleClass="#{_posicaoFinanceira.saldoDiario lt 0 ? 'negativo' : null}">
						
						<p:column sortBy="#{_posicaoFinanceira.banco}" priority="1">
							<f:facet name="header">
								<h:outputText value="#{msg.posicaoFinanceira_banco}" />
							</f:facet>
							<h:outputText value="#{_posicaoFinanceira.banco}" />
						</p:column>
						
						<p:column sortBy="#{_posicaoFinanceira.conta}" priority="1">
							<f:facet name="header">
								<h:outputText value="#{msg.posicaoFinanceira_conta}" />
							</f:facet>
							<h:outputText value="#{_posicaoFinanceira.conta}" />
						</p:column>
						
						<p:column sortBy="#{_posicaoFinanceira.descricaoConta}" priority="3">
							<f:facet name="header">
								<h:outputText value="#{msg.posicaoFinanceira_descricaoConta}" />
							</f:facet>
							<h:outputText value="#{_posicaoFinanceira.descricaoConta}" />
						</p:column>
						
						<p:column sortBy="#{_posicaoFinanceira.saldoDiario}" priority="2">
							<f:facet name="header">
								<h:outputText value="#{msg.posicaoFinanceira_saldoDiario}" />
							</f:facet>
							<div align="right">
								<h:outputText value="#{_posicaoFinanceira.saldoDiario}" >
									<f:convertNumber pattern="#,##0.00" />
								</h:outputText>
							</div>
						</p:column>
						
						<p:columnGroup type="footer">
				            <p:row styleClass="#{posicaoFinanceiraController.totalSaldoDiario lt 0 ? 'negativo' : null}">
				                <p:column colspan="3" style="text-align:right" footerText="#{msg.posicaoFinanceira_saldoDiario_footer}" />
				                <p:column style="text-align:right" >
					            <f:facet name="footer">
					                <h:outputText value="#{posicaoFinanceiraController.totalSaldoDiario}">
					                    <f:convertNumber pattern="#,##0.00" />
					                </h:outputText>
					            </f:facet>
				                </p:column>
				            </p:row>
				        </p:columnGroup>
					</p:dataTable>
PrimeFaces 5.3
modena theme 2.0.2

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

16 Jun 2016, 12:49

Can you please try this issue without modena theme? (Exp; http://www.primefaces.org/showcase/ui/d ... sive.xhtml) Also, what is the resolution of the devices?

kmsistemas
Posts: 6
Joined: 19 Aug 2015, 14:59

16 Jun 2016, 13:45

aragorn wrote:Can you please try this issue without modena theme? (Exp; http://www.primefaces.org/showcase/ui/d ... sive.xhtml) Also, what is the resolution of the devices?

I removed the modena references in my code and still did not work on iphone!
The devices I used were these :
http://es.phonegg.com/compare/5385-5481 ... IM-2nd-Gen

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

16 Jun 2016, 14:33

Thanks for the update! Did you try http://www.primefaces.org/showcase/ui/d ... sive.xhtml on your device?

kmsistemas
Posts: 6
Joined: 19 Aug 2015, 14:59

16 Jun 2016, 16:05

aragorn wrote:Thanks for the update! Did you try http://www.primefaces.org/showcase/ui/d ... sive.xhtml on your device?
Yes, this link is working fine in all devices!

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

20 Jun 2016, 09:08

I'll test your sample code and get back to you.

kmsistemas
Posts: 6
Joined: 19 Aug 2015, 14:59

20 Jun 2016, 14:56

aragorn wrote:I'll test your sample code and get back to you.

Okay, I'm waiting!
Thank you.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

20 Jun 2016, 16:06

I don't have Iphone 6s plus but, I tested this issue with Iphone 6 plus. It works fine for me. I attached my screenshot. I think your custom css can be effect datatable. Can you please try after removing custom css? Also, datatable doesn't support priority and reflow="true" attributes together. Finally, can you please try your sample code in our sample project?
Image

kmsistemas
Posts: 6
Joined: 19 Aug 2015, 14:59

23 Jun 2016, 15:17

aragorn wrote:I don't have Iphone 6s plus but, I tested this issue with Iphone 6 plus. It works fine for me. I attached my screenshot. I think your custom css can be effect datatable. Can you please try after removing custom css? Also, datatable doesn't support priority and reflow="true" attributes together. Finally, can you please try your sample code in our sample project?
Image


Hello, sorry for the delay in responding!
I removed the custom css and still does not work reflow!
I do not know what else to do!

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

23 Jun 2016, 15:20

Hi,

Can you please try without Modena Layout and Theme? I still couldn't replicate this issue.

Locked

Return to “Modena”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 24 guests