Truncated extendedDataTable
h2g2 May 16, 2011 5:28 AMHi,
my problem is about this very usefull table that allows me to populate a table that will show a scrollbar when the amount of my data is greater than the displayed number of lines.
Although this sounds like a very standard thing to do, and although everyone sounds like they have no problem with it, I have a single boring problem : my table's foot is always truncated, such as the "down" arrow of the scroll bar as well as the table's footer disapear under their parent's div (I joined a screenshot in order to show the pb).
I am quite sure I am doing something in an unproper way, but couldn't figure out what...
So, if some of you have any idea about it, it would help a lot.
Thank you for reading this, and in anticipation for your help.
{code:xml}
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:rich="http://richfaces.org/rich"
xmlns:s="http://jboss.com/products/seam/taglib"
contentType="text/html">
<h:form id="myForm"
styleClass="css">
<div class="title">
<h2><h:outputText value="TITRE" /></h2>
</div>
<rich:extendedDataTable
id="myTable"
value="#{myBean.usersList}"
var="user"
width="600px" height ="330px"
rowKeyVar="row"
styleClass="default"
captionClass="captiontitle"
enableContextMenu="false"
rows="#{myBean.usersListSize}">
<f:facet name="caption">
<h:outputText value="CAPTION" />
</f:facet>
<f:facet name="header">
<h:panelGroup>
<div class="float-left" style="margin:0; padding: 0;">
<h:selectBooleanCheckbox id="ToggleSelection"
styleClass="select-all"
onclick="toggleSelectAllRows(this)">
</h:selectBooleanCheckbox>
</div>
</h:panelGroup>
</f:facet>
<rich:column width="30"
id ="SelectColumn"
style="text-align:left;vertical-align: bottom;">
<f:facet name="header">
<h:outputText value="" />
</f:facet>
<h:selectBooleanCheckbox id="checkIt"
value="#{user.selected}">
</h:selectBooleanCheckbox>
</rich:column>
<rich:column width="120"
style="text-align:left;padding-left:10px;">
<f:facet name="header">
<h:outputText value="Nom" />
</f:facet>
<h:outputText
value="#{user.lastname}" />
</rich:column>
<rich:column width="120"
style="text-align:left;padding-left:10px;">
<f:facet name="header">
<h:outputText value="Prénom" />
</f:facet>
<h:outputText
value="#{user.firstname}" />
</rich:column>
<rich:column width="100"
style="text-align:left;padding-left:10px;">
<f:facet name="header">
<h:outputText value="Activité" />
</f:facet>
<h:outputText
value="#{user.activity}" />
</rich:column>
<rich:column width="220"
style="text-align:left;padding-left:10px;">
<f:facet name="header">
<h:outputText value="Nom de l'établissement" />
</f:facet>
<h:outputText
value="#{user.company}" />
</rich:column>
<f:facet name="footer">
<h:outputText value="############################################" />
</f:facet>
</rich:extendedDataTable>
</h:form>
</f:view>
{code}
-
PbEextendedDataTable.png 20.8 KB