How to apply wrap text style in JSF datatable?

You can control word wrapping by CSS word-wrap property. Inside tables, this only requires the table-layout property to be set to fixed, so that columns with a fixed width don't auto-expand when their content is larger.

E.g.

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

and

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

The below worked for me in Chrome not in IE

.preformatted {
    white-space: pre-wrap;
    word-break: break-all;
}
<p:column>
   <h:outputText value="#{bean.txt}" styleClass="preformatted" />
</p:column>

Tags:

Datatable

Jsf