2013-12-10 15 views
9

Ho una tabella di dati nella mia applicazione, ho fissato le colonne width come 200. Se stampo una piccola riga in datatablecolumn significa che stampa il formato corretto. Se stampo una linea lunga nella colonna datatable significa che non può essere completata. come posso io wrap il text nella colonna della tabella di dati.Come applicare lo stile di testo a capo nel datatable di JSF?

Descrizione del problema enter image description here

+0

@alexander: non ha nulla a che fare con JSF né allora, e niente con un datatable, tutto solo "table" quindi ... quindi html e css. Perché non ha aggiunto questi tag. E la risposta è esplicitamente su PrimeFaces, quindi la domanda riguardava una PrimeFaces databile ... imo brutta modifica dei tag – Kukeltje

risposta

13

È possibile controllare il ritorno a capo da CSS word-wrap proprietà. Nelle tabelle interne, questo richiede solo la proprietà table-layout da impostare su fixed, in modo che le colonne con larghezza fissa non si espandano automaticamente quando il loro contenuto è più grande.

E.g.

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

e

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

@BalusC ... il suo funzionamento.Grazie per il tuo suggerimento .. –

+0

@BalusC, c'è un modo per non frenare una parola mentre si avvolge? – SergeiK

3

Il seguito ha lavorato per me in Chrome non in IE

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

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

+0

se lo stile sopra riportato viene applicato a livello di colonna, ad es., "", quindi funziona bene sia in IE che in Chrome – Teela

Problemi correlati