如何在JSF数据表中应用换行文本样式？

Question

我的应用程序中有一个数据表，我将列width固定为200。如果我在datatable column中打印小行，则表示它打印的格式正确。如果我在datatable列中打印冗长的行，则无法将其包装出来。我如何wrap数据表列中的text。

问题描述  

Answer 1

您可以通过CSS word-wrap属性控制自动换行。在内部表格中，这只需要将table-layout属性设置为fixed，这样当内容较大时，具有固定宽度的列不会自动展开。

E.g。

.fixed-size {
    table-layout: fixed;
    word-wrap: break-word;
}

和

<p:dataTable ... styleClass="fixed-size">

Answer 2

以下内容适用于Chrome浏览器而非IE浏览器

<p:column> <h:outputText value="#{bean.txt}" styleClass="preformatted" /> </p:column>

{{1}}

Answer 3

我的解决方法是对列应用断字样式。就像：

                <p:column id="accountsMaskColumn"
                          headerText="#{msg['mr.settings.headers.accountMask']}"
                          filterBy="#{item.accountMask}"
                          sortBy="#{item.accountMask}"
                          style="word-break: break-word">
                    <h:outputText value="#{item.accountMask}"/>
                </p:column>

希望有人觉得这有用

Answer 4

    <style type="text/css" >

    .preformatted {
    white-space: pre-wrap;
    word-break: break-all;
     }

</style>

在数据表列中