Hi,

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}