2013-12-10 11 views
9

Mam tabelę danych w mojej aplikacji, poprawiam kolumny width jako 200. Jeśli wydrukuję małą linię w polu datatablecolumn, oznacza to, że drukuje prawidłowy format. Jeśli wydrukuję długą linię w kolumnie datatable oznacza to, że nie można jej zawinąć. jak mogę wraptext w kolumnie tabeli danych.Jak zastosować styl zawijania tekstu w datowalnym JSF?

Opis problemu enter image description here

+0

@alexander: nie ma nic wspólnego z JSF ani wtedy, i nic z datatable, wszystkie po prostu "tabeli", a następnie ... tak html i css. Dlaczego nie dodać tych tagów. Odpowiedź jest jednoznaczna na temat PrimeFaces, więc pytanie dotyczyło danych PrimeFaces ... źle edytowanych tagów. – Kukeltje

Odpowiedz

13

można sterować poprzez zawijanie wyrazów CSS word-wrap nieruchomości. Wewnątrz tabel wymaga to tylko ustawienia table-layout na fixed, aby kolumny o stałej szerokości nie rozwijały się automatycznie, gdy ich zawartość jest większa.

E.g.

.fixed-size { 
    table-layout: fixed; 
    word-wrap: break-word; 
} 

i

<p:dataTable ... styleClass="fixed-size"> 
+1

@BalusC ... działa. Dziękuję za Twoją sugestię .. –

+0

@BalusC, czy istnieje sposób, aby nie hamować słowo podczas owijania? – SergeiK

3

Poniższa pracował dla mnie w Chrome nie w IE

.preformatted { white-space: pre-wrap; word-break: break-all; }

<p:column> <h:outputText value="#{bean.txt}" styleClass="preformatted" /> </p:column>

+0

jeśli powyższy styl zostanie zastosowany na poziomie kolumny, tj. '', to działa dobrze w obu IE i Chrome – Teela

Powiązane problemy