How to apply wrap text style in JSF datatable?

Question

I have a data table in my application, I fix the columns width as 200. If i print small line in datatable column means it prints correct format. If i print lengthy line in the datatable column means, it cant wrap it out. how can i wrap the text in data table column.

Problem Description

Answer 1

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">

Answer 2

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>