JSF 2 - Primefaces <p:dataTable> Configurar tamnho da coluna

se for da coluna usa o style na coluna (<p:column>) se não no dataTable

Boa noite,

Vc já tentou assim:

<p:column style="width=20%">

Acabei de testar aki e funcionou

silasjr:

Boa noite,

Vc já tentou assim:

<p:column style="width=20%">

Acabei de testar aki e funcionou

O problema é quando vc usa em mais de uma coluna, parece que ele para de respeitar.
Mesmo usando a media em px ou %.

Tenta utilizar esse comando em duas colunas na mesma tabela e verá o que estou falando…

abraços

Tente utilizar

No seu datatable

styleClass="coluna1, coluna2"

E no css

<style type="text/css">

        .coluna1 {
            width: 135px;
        }
        .coluna2 {
            width: 150px;
        }

    </style>

edudebom:

Tente utilizar

No seu datatable

styleClass="coluna1, coluna2"

E no css

<style type="text/css">

        .coluna1 {
            width: 135px;
        }
        .coluna2 {
            width: 150px;
        }

    </style>

Não funcionou.. ;(

Abraço. valeu por ter ajudado.

<p:dataTable var="disciplina" value="#{disciplinaBean.disciplinas}" paginator="true" rows="10" 
			                 selection="#{disciplinaBean.disciplina}" selectionMode="single"
							 rowUnselectListener="#{disciplinaBean.onRowUnselect}" 			                 
			                 onRowSelectUpdate="formDisciplinaCad growl"
			                 onRowUnselectUpdate="growl formDisciplinaCad"
			                 styleClass="coluna1, coluna2">

Minha datatable tem 2 colunas. Por isso styleClass=“coluna1, coluna2”. E funciona. Se tiveres mais, tente repetir os campos, só para ver se esse exemplo resolve.
Se tiver 3 tente styleClass=“coluna1, coluna2, coluna2”.

apos apanhar muito para a datatable descobri que as colunas tendêm à se expandir de acordo com o tamanho dos itens apresentados nela quando se usa scroll e livescrolling. Então, para resolver isto, peguei as colunas que não tendêm à se expandir e defini na suas styles max-width e min-witdh, e para a coluna aonde deve ficar a scrollbar um tamanho fixo.

Quebrei a cabeça com esse mesmo problema. Depois de muitas tentativas e muita paciência (essencial para um programador), cheguei a conclusão demonstrada no exemplo de código a seguir:

obs1: dataTable com 2 colunas de largura fixa.
obs2: o estilo overflow: hidden foi usado para “esconder” algum conteúdo que ultrapassar o limite da coluna.
obs3: a soma das larguras das colunas = largura do dataTable - 50px (conclusão após várias tentativas).
obs4: nem JSF + Primefaces escapa de algumas “gambis”, algo que não gosto muito de usar mas que as vezes é necessário.

<p:dataTable 
                        var="linha" 
                        value="#{linhasBean.linhas}"
                        paginator="true" rows="15"
                        selectionMode="single"
                        style="max-width: 550px; min-width: 550px"
                        emptyMessage="Nenhum registro.">
                        
                        <p:column 
                           style="max-width: 450px; min-width: 450px; overflow: hidden"
                           headerText="Coluna 1" 
                           >
                           <h:outputText
                              value="#{linha.coluna1}"/> 
                        </p:column>

                        <p:column 
                           style="max-width: 50px; min-width: 50px; overflow: hidden"
                           headerText="Coluna 2" 
                           >
                           <h:outputText
                              value="#{linha.coluna2}"/>
                        </p:column>
                     </p:dataTable>

Valeu.