dataGrid Responsivo

6 respostas
primefaces
F

Pessoal, preciso deixar o dataGrid totalmente responsivo. Estou usando conforme o exemplo de: https://www.primefaces.org/ porém não consegui deixar a largura das colunas em tamanho fixo. Conforme vai reduzindo a largura da página a largura das colunas também reduz distorcendo o que tem dentro. Preciso que a largura das colunas sejam fixa e se adeque a quantidade de colunas conforme a largura da página.

6 Respostas

javaflex

Pelo menos pelo que mostra aqui já é responsivo https://www.primefaces.org/showcase/ui/data/datagrid/basic.xhtml
Ser fixo e responsivo ao mesmo já complica né…

F

Outras bibliotecas mantém fixa as colunas do dataGrid e conforme a largura da página ajusta a quantidade de colunas

javaflex

Então usa a outra, ou faz sua propria.

F

As outras bibliotecas que vi são para outas linguagens, uso Java e Primefaces. Aparentemente é um padrão não distorcer a largura da coluna e ajustar a quantidade de colunas que cabe na página o que não está ocorrendo com o dataGrid do Primefaces.

Lucas_Camara

No link que o @javaflex passou, abri aqui no modo mobile e a quantidade de colunas diminui na medida que a tela fica menor. Desse jeito não resolve?


javaflex

As linguagens usadas no browser sao HTML e JavaScript. Além do mecanismo pra estilizar que é o CSS. O mesmo que é usado pelo primefaces via Java. Então não precisa ficar preso no primefaces o tempo todo, voce pode usar outras soluções ou customizar o CSS do primefaces.

Criado 6 de maio de 2020
Ultima resposta 7 de mai. de 2020
Respostas 6
Participantes 3