Wrap header text of HtmlDataTable column

[leiras]

Hi all,

how can i wrap the header text of a HtmlDataTable?
I am setting the width of the table, but the header text is too long.
I expected that it wil be wraped, but it keeps in one line, and the table width is not respected.
Any idea? Thanks a lot.

[leiras]

Here is a piece of my code:

<rich:dataTable value="#{telaLogin.contacts}" var="item" width="250px" columnsWidth="50%, 50%">
 <rich:column>
 <f:facet name="header">
 <h:outputText value="Name that should be wrapped but, instead, is increasing the table width" />
 </f:facet>
 <h:outputText value="#{item.name}" />
 </rich:column>

 <rich:column>
 <f:facet name="header">
 <h:outputText value="E-mail" />
 </f:facet>
 <h:outputText value="#{item.email}" />
 </rich:column>
</rich:dataTable>

[shadowcreeper]

Have you tried to use css style="white-space: normal"?

[leiras]

Hi shadowcreeper,

it works on FF, but not in IE.
Any other suggestion? Thanks.

[leiras]

I was looking for a solution on the web and seem there is a bug on IE that impossibilite the use of white-space. I sttil have no solution for my problem. Any idea? It do not need to be elegant :) Tahnks.

[shadowcreeper]

Well, you could always add "br" tags...

[leiras]

How? Like this?

<rich:dataTable value="#{telaLogin.contacts}" var="item" width="250px" columnsWidth="50%, 50%" rendered="true">
 <rich:column>
 <f:facet name="header">
 <h:outputText value="Name<br>that<br>should<br>be<br>wrapped<br>but, instead, is increasing the table width" />
 </f:facet>
 <h:outputText value="#{item.name}" />
 </rich:column>

 <rich:column>
 <f:facet name="header">
 <h:outputText value="E-mail" />
 </f:facet>
 <h:outputText value="#{item.email}" />
 </rich:column>
</rich:dataTable>

This is not working... :( The result is the header text "Namethatshouldbewrappedbut, instead, is increasing the table width", not the wrap that I want. What I am doing wrong?

[leiras]

Ops, here at the forum it works, but not at my application. In my test the text stays at a unique line.

[shadowcreeper]

maybe use escape="false" ???
maybe "&lt;" instead of "<" ???

[shadowcreeper]

or something like...

<f:verbatim>

</f:verbatim>
<h:output.../>
<f:verbatim>

</f:verbatim>

[shadowcreeper]

oops..., there was supposed to be a "pre" and "/pre" tags inside the verbatims...

lousy web software, doesn't allow in-line code and doesn't allow "&lt;" to translate to "<" so no way to show the actual code in-line... :(

[leiras]

It works with escape="false"! Thaks a lot shadowcreeper!

[jazir1979]

white-space in CSS does work for me, but not when i have sortable columns, due to the way that the sorting arrow image is rendered.

it's very frustrating that column widths are not respected.