PrimeFaces - Redimensionamento dataTable

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>

Experimenta usar a classe class=“ui-fluid” ou então colocar dentro de um div que usa essa classe.

Eu esqueci de mencionar, mas eu ja tinha tentando usar ui-fluid :frowning: