我的应用程序中有一个数据表。一列有大量数据,增加了表格的宽度。
我想将数据拆分为该列中的两行或多行。
我曾尝试为该列设置宽度,但数据没有拆分,也没有显示总数据。
<p:column headerText="#{msgs['exception.label.exceptionMsg']}" width="200">
<h:outputText value="#{exception.exceptionMsg}"/>
</p:column>
如何拆分数据?
最佳答案
.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;
}
也可以看看:
关于jsf - 如何在数据表的一列中显示2行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14894919/