datatable footer width is less than the width of the table?

[daniel_r]

Hi

i got a table with 2 data columns and 1 editor column

in the bottom i got a footer facet in which i display the amount of rows in the table

the problem is that the footer width is less than the table width... i tried to play with the width of the table/footer but no matter what i do the footer keeps on being less wide than the table.. and it doesn't look good

what am i missing? how can i solve it?

this is the table code

Code: Select all

                                <p:dataTable id="friends" value="#{settingsBean.aFriendsList}" var="friend" 
                                    emptyMessage="Add friends to the list"
                                    scrollable="true" height="200" rowEditListener="#{settingsBean.rowEdit}" style="width:80%;">

this is the footer code

Code: Select all

                                    <f:facet name="footer">  
                                         In total there are #{settingsBean.aFriendsListSize} friends.  
                                     </f:facet>

I'm Using 2.2.RC1

Thanx ahead

[zerounix]

Hi,

can you try it without the style="80%" and verify if the table and footer have the same width?

[cagatay.civici]

Also a screenshot would help.

[daniel_r]

without the width 80% it stays the same (less wide than the table itself)

B.T.W the table is inside a tab
here is the tab settings:

Code: Select all

<p:tabView effect="opacity" effectDuration="normal" style="width:80%;height:600px">

and even without the style of the tabView the width problem stays the same...

One more thing, after I'm clicking on add and the table being populated with another row, the width of the table shrinks to the size of the footer...




this is with width:80% for the table



This width error happens in IE 8 and FF 3.6 as well

[bumble.bee]

I've had similiar problems with the header of a table. It doesn't always line up with the columns, especially if I resize the browser window to be a small size and the table doesn't fit in the viewport.

[daniel_r]

So it seems that the table header is not really usable...

Is there any way to use the table footer inside a tab ?


Daniel.