How to show 2 line in one column in datatable?

Question

I have a data table in my application. One column have heavy data which increasing the width of table.

I want to split the data to two or more lines in that column.

Answer 1

The .ui-datatable tbody td has a default style of white-space: nowrap, meaning that long texts won't wrap. You want to override this style by setting it back to white-space: normal.

E.g.

with this CSS

.ui-datatable tbody td.wrap {
    white-space: normal;
}

See also:

• How do I override default PrimeFaces CSS with custom styles?