2013-12-10 12 views
9

Ich habe eine Datentabelle in meiner Anwendung, ich repariere die Spalten width als 200. Wenn ich eine kleine Zeile in datatablecolumn drucke, wird das richtige Format gedruckt. Wenn ich lange Zeile in der Spalte datatable drucke, kann es nicht umwickeln. Wie kann ich wrap die text in Datentabelle Spalte.Wie wrapping Text Stil in JSF-Datentabelle anwenden?

Problem Beschreibung enter image description here

+0

@alexander: hat nichts mit JSF zu tun entweder dann, und nichts mit einer Datentabelle, alles nur 'Tabelle' dann ... so html und css. Warum nicht diese Tags hinzugefügt. Und die Antwort ist explizit über PrimeFaces, also die Frage war eine PrimeFaces Datatable ... imo schlechte Bearbeitung von Tags – Kukeltje

Antwort

13

können Sie den Zeilenumbruch durch word-wrap CSS-Eigenschaft steuern. In internen Tabellen muss dazu nur die table-layout-Eigenschaft auf fixed festgelegt werden, sodass Spalten mit fester Breite nicht automatisch maximiert werden, wenn ihr Inhalt größer ist.

z.

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

und

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

@BalusC ... es funktioniert.Vielen Dank für Ihren Vorschlag .. –

+0

@BalusC, gibt es einen Weg, nicht zu bremse ein Wort beim Einwickeln? – SergeiK

3

Das arbeitete unten für mich in Chrome nicht in IE

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

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

+0

Wenn der obige Stil auf Spaltenebene angewendet wird, d. H. "", dann funktioniert es sowohl in IE als auch in Chrome – Teela