PrimeFaces：如何在列标题中添加换行符

Question

在我的申请中，我有以下<p:dataTable>：

第二列的标题占用太多空格。因此，我想在Number of＆amp;之间加上一个换行符。 Sessions并垂直对齐表格的标题。我试图减少列的宽度，但它不会自动导致换行。

此外，由于从l10n.properties文件中检索了标题名称，我还尝试将其设置为Number of /n Sessions，但/n作为普通字符串打印出来。

更新：我还尝试将该属性设置为Number of <br/> Sessions。但是，在生成的HTML代码中，<br/>消失了，表格看起来与上面完全相同。

如果你能给我一个建议，我将非常感激。

致以最诚挚的问候，

Answer 1

感谢rags的提示，我终于找到了以下解决方案：

/*  no_of_sessions = Number of 
 Sessions  */
<f:facet name="header">
    <h:outputText value="#{l10n.no_of_sessions}" 
                  escape="false" style="white-space:pre-line;" />
</f:facet>

Answer 2

试试这个

<f:facet name="header">
    <h:outputLabel value="Number of&#10;Sessions" style="white-space:pre;"/>
</f:facet>

如果使用＆＃34;会话数＆＃34;从属性文件中，在属性文件中尝试以下内容...

myString = Number of \
           Sessions

Answer 3

如果是CSS，您可以在'Number of'后面加<br/>标记。 我刚看到你编辑的帖子。

你在Firebug中所做的实际上是“编辑文本” 但是，您需要做的是“右键单击”，然后“编辑HTML”。这样，当您插入
标签时，文本会断开并转移到下一行。

Answer 4

最简单的答案是在style属性中添加white-space：pre-line。 请参阅以下代码

<p:column headerText="Number of Sessions" style="white-space:pre-line;width:50px;">
     <h:outputText value="#{value}"></h:outputText>
</p:column>