Jsf 如何在datatable的一列中显示两行?

Jsf 如何在datatable的一列中显示两行?,jsf,jsf-2,primefaces,datatable,alignment,Jsf,Jsf 2,Primefaces,Datatable,Alignment,我的应用程序中有一个数据表。一列包含大量数据,这增加了表的宽度 我想将数据拆分为该列中的两行或多行 我曾尝试设置该列的宽度,但数据没有拆分,也没有显示总数据 <p:column headerText="#{msgs['exception.label.exceptionMsg']}" width="200"> <h:outputText value="#{exception.exceptionMsg}"/> </p:column> 如何分

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

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

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

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


如何分割数据?

ui datatable tbody td的默认样式为
空白:nowrap
,这意味着长文本不会换行。您希望通过将此样式设置回
空白:正常
来覆盖此样式

例如


用这个CSS

.ui数据表tbody td.wrap{
空白:正常;
}
另见:

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

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

      在阅读了BalusC对其他相关问题的回答后,我使用了以下解决方案

      我在CSS中使用这个:

      .ui-datatable tbody td.wrap {
          white-space: normal;
          word-wrap: break-word;
      }
      
      以下是我的专栏:

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

      这将处理带空格和不带空格的数据-两者都有。

      尝试
      组件并指定
      rules=rows
      以显示每行之间的行。“split”不是完全正确的关键字,您不希望有多个文本组件,您需要“wrap”。+1用于简单的CSS解决方案。有时候,需要调整的不是JSF或Java,而是CSS的魔力。感谢BalusC的回答,但是,当数据中有空格时,行就断了。具有连续线的线不会断开。请告诉我如何断开连续的线。我已经这样试过了