Как показать 2 строки в одном столбце в datatable?

У меня есть таблица данных в моем приложении. Один столбец содержит тяжелые данные, которые увеличивают ширину таблицы.

Я хочу разбить данные на две или более строк в этом столбце.

Я попытался установить ширину для этого столбца, но данные не разделились и не отобразили общие данные.

<p:column headerText="#{msgs['exception.label.exceptionMsg']}" width="200">
         <h:outputText value="#{exception.exceptionMsg}"/>
</p:column>

Как я могу разделить данные?

Ответ 1

.ui-datatable tbody td имеет стиль по умолчанию white-space: nowrap, что означает, что длинные тексты не будут завертываться. Вы хотите переопределить этот стиль, установив его на white-space: normal.

например.

<p:column width="200" styleClass="wrap">

с помощью этого CSS

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

См. также:

Как переопределить CSS PrimeFaces по умолчанию с пользовательскими стилями?

Ответ 2

Это мое решение. Это очень просто.

<p:column style="white-space : normal ; width: 315px">
    <h:outputText value="T h i s   i s  a  v e r y  L a r g e   T e x t">
    </h:outputText>      
</p:column>

Ответ 3

Я воспользовался следующим решением после ответа BalusC на другой вопрос.

Я использую это в CSS:

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

И это с моими столбцами:

<p:column style="text-align: left" width="38" styleClass="wrap">

Это обрабатывает данные с пространством и без пробелов -both.