jsf - 如何在数据表的一列中显示2行？

Question

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

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

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

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

如何拆分数据？

Answer 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;
}

也可以看看:

How do I override default PrimeFaces CSS with custom styles?