0 Replies Latest reply on May 16, 2011 5:28 AM by h2g2

    Truncated extendedDataTable

    h2g2 Newbie

      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}