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

如何在JSF数据表中应用换行文本样式?,jsf,datatable,Jsf,Datatable,我的应用程序中有一个数据表,我将列width固定为200。如果我在数据表列中打印小行,则表示它打印的格式正确。如果我在datatable列中打印长行,意味着它无法将其包装出来。如何将文本包装到数据表列中 问题描述 您可以通过CSSwordwrap属性来控制换行。在表内部,这只需要将表布局属性设置为固定,以便具有固定宽度的列在其内容较大时不会自动展开 例如 及 以下内容在Chrome中对我有用,而不是在IE中 。预格式化{ 空白:预包装; 单词break:打破一切; } 我的解决方案是对列应用

我的应用程序中有一个数据表,我将列
width
固定为
200
。如果我在
数据表
中打印小行,则表示它打印的格式正确。如果我在
datatable
列中打印长行,意味着它无法将其包装出来。如何将
文本
包装到数据表列中

问题描述

您可以通过CSS
wordwrap
属性来控制换行。在表内部,这只需要将
表布局
属性设置为
固定
,以便具有固定宽度的列在其内容较大时不会自动展开

例如


以下内容在Chrome中对我有用,而不是在IE中

。预格式化{
空白:预包装;
单词break:打破一切;
}

我的解决方案是对列应用分词样式。就像:

                <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>

希望有人觉得这个有用


    <style type="text/css" >

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

</style>
.预先格式化{ 空白:预包装; 单词break:打破一切; }
和在datatable列中


@alexander:也与jsf无关,与datatable无关,都只是“table”而已。。。还有html和css。为什么不添加这些标签呢。答案是关于PrimeFaces的,所以问题是关于PrimeFaces数据表。。。如果在列级别应用了上述样式,即“”,那么它在IE和Chrome@BalusC,包装时有没有办法不打断一个字?
                <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>
    <style type="text/css" >

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

</style>