如何在数据表中的一列中显示2行?

时间:2013-02-15 12:39:42

标签: jsf jsf-2 primefaces datatable alignment

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

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

我试过设置该列的宽度,但数据没有拆分,也没有显示总数据。

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

我如何拆分数据?

3 个答案:

答案 0 :(得分:31)

.ui-datatable tbody td的默认样式为white-space: nowrap,这意味着长文本不会换行。您希望通过将其设置回white-space: normal来覆盖此样式。

E.g。

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

使用此CSS

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

另见:

答案 1 :(得分: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>

答案 2 :(得分: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">

这用空格处理数据,没有空格 - 两个。