Table Scrollbar doesn't initially appear.

Question

I have a jsf page that show an af_table. (inside panel box wich is inside two panel groups,
The table displays up to 20 records. Currently it retrieves some 23 o 24 records.
When the application is initially loaded (that table appears in the first screen), the table displays the 20 records but the scroll bar is not displayed. After navigating to another screen and returning to the table page, the scroll bar displays ok. If I reload the first page in the browser, the scroll bar also appears.
Any idea ?

Answer 1

The panelbox is only for esthetic purposes.
Before annexing the page code I have made some changes to isolate the table. Previously the table was inside the panel box but not now.
The problem continues reproducing but a little different.
Now, when you executes the page the scroll bar does appear and also the first 20 records (before the scroll bar didn't appear the first time). If you click the scroll bar to the botton, the records scroll up but not till last record. Still some records remain hidden in the bottom of the table. To try to view these records you have to click on the last viewable record and hit the down arrow key several times. You can detect that there are some records hidden under the botton side of the table but they never scroll up.
If you finally click on button "Nueva" and the return to this page, then everything is ok.
This is the page code:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <jsp:directive.page contentType="text/html;charset=UTF-8"/>
  <af:table value="#{bindings.SesionesInformativasAdfView1.collectionModel}"
            var="row" rows="#{bindings.SesionesInformativasAdfView1.rangeSize}"
            emptyText="#{bindings.SesionesInformativasAdfView1.viewable ? 'No data to display.' : 'Access Denied.'}"
            fetchSize="#{bindings.SesionesInformativasAdfView1.rangeSize}"
            rowBandingInterval="1"
            filterModel="#{bindings.SesionesInformativasAdfView1Query.queryDescriptor}"
            queryListener="#{bindings.SesionesInformativasAdfView1Query.processQuery}"
            filterVisible="true" varStatus="vs"
            selectedRowKeys="#{bindings.SesionesInformativasAdfView1.collectionModel.selectedRow}"
            selectionListener="#{bindings.SesionesInformativasAdfView1.collectionModel.makeCurrent}"
            rowSelection="single" inlineStyle="height:475px;"
            binding="#{backingBeanScope.backing_index.t1}" id="t1"
            styleClass="AFStretchWidth" columnStretching="multiple">
    <af:column headerText="Fecha Sesión" id="c3" filterable="true" width="95"
               sortProperty="FechaSesTrunc" sortable="true">
      <f:facet name="filter">
        <af:group id="g2">
          <af:inputDate value="#{vs.filterCriteria.FechaSesTrunc}" id="id1"
                        autoSubmit="true"/>
        </af:group>
      </f:facet>
      <div align="center">
        <af:outputText value="#{row.FechaSesTrunc}" id="ot4">
          <af:convertDateTime pattern="#{bindings.SesionesInformativasAdfView1.hints.FechaSesTrunc.format}"/>
        </af:outputText>
      </div>
    </af:column>
    <af:column sortProperty="TituloEsp" sortable="true" headerText="Descripción"
               id="c1" filterFeatures="caseInsensitive" width="70%"
               filterable="true">
      <af:outputText value="#{row.TituloEsp}" id="ot1"/>
    </af:column>
    <af:column sortProperty="Estado" filterable="true" sortable="true"
               headerText="Estado" id="c4" width="130">
      <f:facet name="filter">
        <af:selectOneChoice id="soc1" autoSubmit="true"
                            value="#{vs.filterCriteria.Estado}">
          <af:selectItem label="Pendiente publicar" value="Pendiente publicar"
                         id="si3"/>
          <af:selectItem label="Publicada" value="Publicada" id="si1"/>
          <af:selectItem label="Fecha pasada" value="Fecha pasada" id="si2"/>
          <af:selectItem label="" id="si4"/>
        </af:selectOneChoice>
      </f:facet>
      <div align="center">
        <af:outputText value="#{row.Estado}" id="ot3"/>
      </div>
    </af:column>
    <af:column id="c5" headerText="Acciones" align="center" width="60">
      <af:panelGroupLayout id="pgl3">
        <af:commandImageLink id="cil2"
                             icon="/imagenes/8ebdd271-fd18-4eb0-873b-5f717e4c0879.png"
                             action="editarDetalle"/>
        <af:commandImageLink disabled="#{!bindings.Delete.enabled}" id="cil1"
                             icon="/imagenes/6fd2781f-54d1-4a84-b09c-c84f006ba13c.png"
                             action="#{backingBeanScope.backing_index.borrar_registro}">
          <af:showPopupBehavior popupId="::p1" align="afterEnd" alignId="cil1"/>
        </af:commandImageLink>
      </af:panelGroupLayout>
    </af:column>
  </af:table>
  <af:group id="g3">
    <af:panelGroupLayout id="pgl5" layout="scroll">
      <af:spacer width="10" height="10" id="s2"/>
      <af:panelBox text="Tabla de gestión de Sesiones Informativas" id="pb1">
        <f:facet name="toolbar">
          <af:group id="g1">
            <af:commandImageLink text="Nueva" id="cil3"
                                 icon="http://itemsweb.esade.edu/apps/img/add.png"
                                 action="nuevaSesion"/>
          </af:group>
        </f:facet>
        <af:panelGroupLayout id="pgl1" layout="scroll"/>
      </af:panelBox>
    </af:panelGroupLayout>
    <af:spacer width="10" height="10" id="s1"/>
    <af:popup id="p1">
      <div align="center">
        <af:panelGroupLayout id="pgl6" layout="vertical">
          <af:outputText value="¿ Está seguro que desea eliminar el registro ?"
                         id="ot2"/>
          <af:spacer width="10" height="10" id="s3"/>
          <af:panelGroupLayout id="pgl7" layout="horizontal">
            <div align="center">
              <af:commandImageLink text="Si" id="cil4"
                                   action="#{backingBeanScope.backing_index.borrar_registro}"/><af:spacer width="10"
                                                                                                          height="10"
                                                                                                          id="s4"/><af:commandImageLink text="No"
                                                                                                                                        id="cil5"/>
            </div>
          </af:panelGroupLayout>
        </af:panelGroupLayout>
      </div>
    </af:popup>
  </af:group>
  <!--oracle-jdev-comment:preferred-managed-bean-name:backing_index-->
</jsp:root>