Scrollable datatable: column header still not matching!

[Daedalus]

Hello,

even with Version 2.2 and using fixed with in every p:column (which is by the way a very hard restriction), the columns still don't match the size of the headers in my opinion common scenarios.

Steps to reproduce :

1. Render a scrollable table with fixed width on every column. -> The columns headers matches the columns -> everything is ok (for now)
2. Select an entry and edit a value. Use a long (big size) value without white-spaces for example : "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"
3. Save the value, update the Table.
4. Result:

[cagatay.civici]

Have you compared with working example?

http://www.primefaces.org/showcase/ui/d ... olling.jsf

[cagatay.civici]

I think you need to use table-layout fixed to avoid overflows in widths.

[Daedalus]

Sure this is easy to reproduce in showcase have a look:




Edit:

table-layout fixed ? where can I set this?

[fajo]

It is really strange, I tried to fix the values of the columns, but nothing changes.
I spent all day yesterday trying to adapt my project to the new changes.
Not to mention that when we define the scrollable property, even if the datatable has no contents, empty space is reserved on the page defined in height.

[healeyb]

I just entered this issue a few days ago...

http://code.google.com/p/primefaces/iss ... &start=300

table-layout: fixed is a css property, the default is auto which apparently
goes through your data looking at column data widths to determine the
optimal column width. I've not found a good description of the algorithm
used, and I've not tried too hard either.

From my perspective nothing other than tables that automatically layout
is good enough for me to use, it's just too much hassle to go through each
and every table setting column widths, I've got loads of them.

I'm using tables with css overflow: auto, the big problem being that header
and footer data scrolls along with the row content, which isn't great.

Is it really that difficult to get this working? surely dataTable is THE no.
1 component???

[Daedalus]

Ah ok I found the css property with the help of google:

And here are the results: Table headers are fine now but the the text is now written over the other columns instead

[Daedalus]

Ok I guess I found a working solution!

Add word-wrap: break-word to your p:column style and use "table-layout: fixed" for the tables inside the p:dataTable

<p:column style="width: 150px; word-wrap: break-word;" >

[fajo]

The above tip worked, now would not set a fixed width for columns even when it is empty, query screens, the first appears empty datatable with the columns and set the headers and then displays when the result of a research is that the columns are not adjusted for the defined sizes.

Why not be like when you put the Paginator, it automatically distributes the columns between the width of the container, after all, not everything datatable.

[MikeK]

This workaround does make the column headers and data align when there is data but it does not work when you have an empty dataset. I also agree with others that setting a fixed width in pixels for columns is not a great solution. This could be a big issue for my project.