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的回答,但是,当数据中有空格时,行就断了。具有连续线的线不会断开。请告诉我如何断开连续的线。我已经这样试过了