extendedDataTable and outputText: if text is too long, it do

[octomac]

Hey, everyone,

I'm noticing some strange behavior with the rich:extendedDataTable tag. I have a column that returns a fairly long string, and if the string being displayed is too long for the column of the table it's being shown in, instead of wrapping the text, it just doesn't show the part that's beyond the boundaries of the column. I would expect that, like a regular dataTable cell, if the data in a given cell is too long for the width of the cell, it would simply wrap to the next line and continue.

I am using RichFaces v. 3.3.0.GA on a GlassFish V2 server, testing on Firefox v. 3.0.5. I can provide code samples or other configuration information as necessary. Has anyone else experienced this issue, and if so, are there any fixes?

So far, I have tried encapsulating the outputText in a rich:panel and a div with a given width, but neither one seems to work; the text continues to run off the column.

Any advice anyone can offer is much appreciated. Thanks!

[octomac]

Just in case my explanation above was a little convoluted, here's a screenshot of what the table's actually doing:

[url=http://img228.imageshack.us/my.php?image=tableborkedpg9.jpg][img]http://img228.imageshack.us/img228/2796/tableborkedpg9.th.jpg[/img][/url]

...and here is the column code for the offending Description field:

<rich:column width="165" sortable="true" sortBy="#{event.description}" filterBy="#{event.description}" filterEvent="onchange" label="Description">
 <f:facet name="header">
 <h:outputText value="Description"></h:outputText>
 </f:facet>
 <rich:panel header="description test" style="width:100px;">
 <h:outputText value="text text text text text text text text text text text text text text text text text text text text"/>
 </rich:panel>
</rich:column>

[dxxvi]

if you use firebug to look at the extended data table example, you'll see a css class like this:

.extdt-cell-div {
-moz-box-sizing:border-box;
cursor:default;
font-weight:normal;
overflow:hidden;
white-space:nowrap;
width:100%;
}

All you have to do is override the white-space with white-space: normal.

Hope this helps.

[octomac]

Hey, thanks, man! I modified the class in my CSS file, and that took care of it. I do wonder, though, why that's set to 'nowrap' by default; seems to me like you'd almost always want that to wrap. Oh, well, that completely fixes my problem, so no worries, right?

[nbelaevski]

I guess this was done in order to keep cells height a constant value.