Boa tarde.
Eu tenho uma datatable com 7 colunas, se eu entrar na pagina pelo meu computador o conteúdo da datatable fica certinho, mas se eu acessar pelo tablet,o tamanho da tabela/coluna diminui e ai algumas palavras ficam “comidas”, ou seja, não aparecem totalmente.
Quando eu uso tableStyle=“table-layout: auto” no datatable, as colunas se redimensionam corretamente, mas o header de cada coluna fica com tamanho diferente (nao fica alinhado)
<p:dataTable id="datatable-x" value="#{xBean.produtos}" var="produto" scrollable="true" reflow="true" rendered="#{xBean.produto!= null}" styleClass="datatable-meus-produtos" style="border-top: 1px solid #ddd; margin-top: 10px; padding-top: 20px;">
<f:facet name="header">
<h:outputText value="Produtos" />
</f:facet>
<p:column headerText="xxx" >
<p:outputLabel value="xxx"/>
</p:column>
<p:column headerText="xxx" >
<p:outputLabel value="xxx"/>
</p:column>
<p:column headerText="xxx" >
<p:outputLabel value="xxx"/>
</p:column>
<p:column headerText="xxx" >
<p:outputLabel value="xxx"/>
</p:column>
<p:column headerText="xxx" >
<p:outputLabel value="xxx"/>
</p:column>
<p:column>
<p:commandButton value="X" action="#{xxx}" process="@this" update="datatable-produtos" disabled="#{xBean.metodo(x)}"/>
</p:column>
<p:column>
<h:panelGroup id="panelxxx">
<p:commandButton id="confirmar" value="Confirmar" action="#{xx.metodo2(x)}" process="@this" update="datatable-produto" disabled="#{xxx}"></p:commandButton>
</h:panelGroup>
<p:tooltip for="panelxxx" trackMouse="true" value="xxx"></p:tooltip>
</p:column>
</p:dataTable>