Overflow: hidden não funciona no DataTable

5 respostas
J

Na coluna do meu dataTable se eu colocar “aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa” tudo sem espaço, mesmo com o css “overflow: hidden” não há quebra de linha. As outras configurações são aplicadas normais.

Desde já obrigado!

5 Respostas

A

Boa noite! Tudo bem cara?

Não entendi muito bem a sua dúvida em relação ao CSS ou ao datatable (jsf puro?).
O overflow é utilizado para definir as barras de rolagem (horizontal, vertical, se serão exibidas ou não).

Da uma olhada no funcionamento do overflow nesse link (muito bom para tirar dúvidas e aprender css, js, jquey e várias outras coisas):
http://www.w3schools.com/cssref/pr_pos_overflow.asp

No seu caso, tente definir o width da coluna.

Espero ter ajudado.
[]!

J

É o seguinte: tenho um p:dataTable

Numa coluna deste dataTable coloquei width 50 px, porem quando coloco o texto “aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa” sem espaço, ele “estoura” esse 50px e fica grande pakas…

Obrigado pelo link!

A

Entendi…

mas no caso do “aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa” não teria como o navegador fazer qq tipo de quebra, concorda? É considerada uma palavra única…

Acredito que para sua solução, o melhor a fazer é aumentar o tamanho da coluna msm (width) já que vc sabe que podem vir palavras que ocupem mais do que 50 pixels…

Talvez, vc possa aplicar o “colspan” MAS o layout dessa sua table vai ficar ligeiramente diferente…
Da uma olhada pra ver se te ajuda:
http://www.w3schools.com/tags/att_td_colspan.asp

J

Concordo plenamente. O que eu quero fazer é “cercar” o usuário de qualquer modo.
:smiley:

Obrigado por esse link também!

Hebert_Coelho

Caso isso seja crucial em seu sistema, no caso de existir muitas palavras sem espaços, você poderia criar uma um método para picotrar suas strings.

Criado 15 de novembro de 2011
Ultima resposta 15 de nov. de 2011
Respostas 5
Participantes 3