11

我的应用程序中有一个数据表。一列有大量数据，增加了表格的宽度。

我想将该列中的数据拆分为两行或多行。

我尝试为该列设置宽度，但数据没有拆分，也没有显示总数据。

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

如何拆分数据？

4

3 回答 3

32

的.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;
}

也可以看看：

于 2013-02-15T13:17:35.443 回答
1

这是我的解决方案。这很简单。

<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>
于 2014-05-06T23:36:48.460 回答
1

在通过 BalusC 对其他一些相关问题的回答后，我使用了以下解决方案。

我在 CSS 中使用它：

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

这与我的专栏：

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

这可以处理带空格和不带空格的数据——两者都有。

于 2014-07-08T20:15:08.097 回答