title: Richfaces: component rich:dataScroller doesn't work
body: <p>i'm using richfaces 3.3.3 I've a rich:dataTable inside another rich:dataTable and both have a rich:dataScroller but the inner doesn't work:</p>
  
  <pre><code>&lt;rich:dataTable id="dataTableVisibility" value="#{jsfGridUtenti.itemKeys}"                        
      var="roleName" cellspacing="1"
      cellpadding="1" border="1"
      styleClass="tab" style="width:60%"                                                 
      rowClasses="rdispari,rpari"
      headerClass="headTab" rows="3"
      rendered="#{jsfGridUtenti.renderPanelReportVisibility}"&gt;
  
      &lt;f:facet name="footer"&gt;
          &lt;rich:datascroller for="dataTableVisibility"
              fastStep="10" pagesVar="pageCountCl"
              pageIndexVar="pageIndexCl"
              maxPages="9" renderIfSinglePage="false"
              selectedStyle="font-weight:bold;"&gt;
          &lt;/rich:datascroller&gt;
      &lt;/f:facet&gt;
      &lt;h:column&gt;
          &lt;f:facet name="header"&gt;
             #{applicationMessages.ruolo}
          &lt;/f:facet&gt; 
  
          &lt;a4j:commandLink reRender="reportUserVisibilityCompanyRoleClass"  action="#{jsfGridUtenti.deleteAssociationRole(roleName)}"&gt;                                                           
              &lt;h:graphicImage styleClass="toolbarLabel"  url="../resources/img/cancella.png" /&gt;
          &lt;/a4j:commandLink&gt;
          &lt;rich:spacer height="1" width="8" /&gt; 
          &lt;h:outputText  style="font-size:11px" value="#{roleName}"/&gt;                                          
      &lt;/h:column&gt;
      &lt;h:column&gt;                                        
          &lt;f:facet name="header"&gt;
              #{applicationMessages.companyAssociate}
          &lt;/f:facet&gt;  
  
          &lt;h:column&gt;
               &lt;rich:dataTable  id="dataTableCompany"
                   var="company" value="#{jsfGridUtenti.findCompanyInHashMap(roleName)}"                                                                                                         
                   style="width:100%" rows="5"
                   rowClasses="rdispari,rpari"
                   columnsWidth="10%,10%,80%"
                   headerClass="headTab"&gt;
  
                   &lt;f:facet  name="footer"&gt;
                       &lt;rich:datascroller for="dataTableCompany"
                           fastStep="10" pagesVar="pageCountCls"
                           pageIndexVar="pageIndexCls"
                           maxPages="9" ajaxSingle="true"
                           selectedStyle="font-weight:bold;"
                           renderIfSinglePage="false"&gt;                                                          
                       &lt;/rich:datascroller&gt;
                   &lt;/f:facet&gt;
  
                   &lt;h:column&gt;
                       &lt;a4j:commandLink reRender="reportUserVisibilityCompanyRoleClass"  action="#{jsfGridUtenti.deleteAssociationCompany(roleName,company)}"&gt;
                           &lt;h:graphicImage  styleClass="toolbarLabel"  url="../resources/img/cancella.png" /&gt;
                       &lt;/a4j:commandLink&gt;                                                                                        
                   &lt;/h:column&gt;
                   &lt;h:column&gt;
                       &lt;a4j:commandLink  immediate="true" action="#{jsfGridUtenti.setCompanyToShow(roleName,company)}"            
                           reRender="showClassi,panelGridReport"&gt;
                           &lt;h:graphicImage  styleClass="toolbarLabel"  url="../resources/img/lente.png" /&gt;                                                             
                       &lt;/a4j:commandLink&gt;
                   &lt;/h:column&gt;
                   &lt;h:column&gt;
                       &lt;h:outputText style="font-size:11px" value="#{company.label}"/&gt;
                   &lt;/h:column&gt;
               &lt;/rich:dataTable&gt;                                                                                                                                                                                                                                                                                                
           &lt;/h:column&gt; 
       &lt;/h:column&gt;
   &lt;/rich:dataTable&gt;
  </code></pre>
  
  <p>Now when I click on the outer <code>rich:dataScroller</code> it works well, instead when I click on the inner nothing happens. How can I fix?</p>