如何在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>