如何在数据表中的一列中显示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;
}