title: Usage of multiple dataTables with a dataScroller each leads to dataScroller malfunction
body: <p>I have a JSF page with three dataTables. Each of them has an associated dataScroller.
  When viewing the page only the last dataScroller (on the bottom) works. The others only load the page selected on the last dataTable when selecting any page in their own dataScroller.</p>
  
  <p>I've debugged the page with Firebug and I found nothing relevant. Neither did I find any thread here or in other forums about how to solve this issue.</p>
  
  <p>I post also some code, just in case it could be helpful. Thanks in advance:</p>
  
  <p><strong>homepage.xhtml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="ISO-8859-1" standalone="yes" ?&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jstl/core"&gt;
  
  &lt;ui:composition template="layouts/template.jsf"&gt;
      &lt;ui:define name="body"&gt;
          &lt;h3&gt;#{msg.homepageCaption1}&lt;/h3&gt;
          &lt;h:form id="form"&gt;
              &lt;div&gt;
                  &lt;rich:dataTable value="#{HomepageBean.firstTable}"
                      var="tOne" id="tableOne" rows="5"&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.firstColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tOne.firstColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.secondColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tOne.secondColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.thirdColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="This is an String" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.fourthColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tOne.fourthColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.fifthColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tOne.fifthColumn}" /&gt;
                      &lt;/rich:column&gt;
                  &lt;/rich:dataTable&gt;
                  &lt;rich:dataScroller for="tableOne"
                      pageIndexVar="#{HomepageBean.firstTablePage}"
                       ajaxSingle="false"&gt;
                      &lt;f:facet name="previous"&gt;
                          &lt;h:outputText value="&amp;lt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="next"&gt;
                          &lt;h:outputText value="&amp;gt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="fastrewind"&gt;
                          &lt;h:outputText value="&amp;lt;&amp;lt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="fastforward"&gt;
                          &lt;h:outputText value="&amp;gt;&amp;gt;" /&gt;
                      &lt;/f:facet&gt;
                  &lt;/rich:dataScroller&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;h3&gt;#{msg.homepageCaption2}&lt;/h3&gt;
                  &lt;rich:dataTable
                      value="#{HomepageBean.secondTable}" var="tTwo"
                      id="tableTwo" rows="5"&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.firstColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tTwo.firstColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.secondColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tTwo.secondColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.thirdColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="This is an string" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.fourthColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tTwo.fourthColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.fifthColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tTwo.fifthColumn}" /&gt;
                      &lt;/rich:column&gt;
                  &lt;/rich:dataTable&gt;
                  &lt;rich:dataScroller for="tableTwo"
                      pageIndexVar="#{HomepageBean.secondTablePage}"
                      ajaxSingle="false"&gt;
                      &lt;f:facet name="previous"&gt;
                          &lt;h:outputText value="&amp;lt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="next"&gt;
                          &lt;h:outputText value="&amp;gt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="fastrewind"&gt;
                          &lt;h:outputText value="&amp;lt;&amp;lt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="fastforward"&gt;
                          &lt;h:outputText value="&amp;gt;&amp;gt;" /&gt;
                      &lt;/f:facet&gt;
                  &lt;/rich:dataScroller&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;h3&gt;#{msg.homepageCaption3}&lt;/h3&gt;
                  &lt;rich:dataTable
                      value="#{homepageBean.thirdTable}" var="tThree"
                      id="tableThree" rows="5"&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.firstColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tThree.firstColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.secondColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tThree.secondColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.thirdColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="This is an string" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.fourthColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tThree.fourthColumn}" /&gt;
                      &lt;/rich:column&gt;
                      &lt;rich:column&gt;
                          &lt;f:facet name="header"&gt;
                              &lt;h:outputText value="#{msg.fifthColumn}" /&gt;
                          &lt;/f:facet&gt;
                          &lt;h:outputText value="#{tThree.fifthColumn}" /&gt;
                      &lt;/rich:column&gt;
                  &lt;/rich:dataTable&gt;
                  &lt;rich:dataScroller for="tableThree"
                      pageIndexVar="#{homepageBean.thirdTablePage}"
                      ajaxSingle="false"&gt;
                      &lt;f:facet name="previous"&gt;
                          &lt;h:outputText value="&amp;lt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="next"&gt;
                          &lt;h:outputText value="&amp;gt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="fastrewind"&gt;
                          &lt;h:outputText value="&amp;lt;&amp;lt;" /&gt;
                      &lt;/f:facet&gt;
                      &lt;f:facet name="fastforward"&gt;
                          &lt;h:outputText value="&amp;gt;&amp;gt;" /&gt;
                      &lt;/f:facet&gt;
                  &lt;/rich:dataScroller&gt;
              &lt;/div&gt;
          &lt;/h:form&gt;
      &lt;/ui:define&gt;
  &lt;/ui:composition&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>homepageBean.java</strong></p>
  
  <pre><code>package somepackage.bean;
  
  import java.util.List;
  
  import org.springframework.beans.factory.annotation.Autowired;
  import org.springframework.context.annotation.Scope;
  import org.springframework.stereotype.Component;
  
  import somepackage.service.HomepageService;
  import somepackage.viewdto.ViewDTO;
  
  @Component("HomepageBean")
  @Scope("request")
  public class HomepageBean {
  
      private List&lt;ViewDTO&gt; firstTable;
      private List&lt;ViewDTO&gt; secondTable;
      private List&lt;ViewDTO&gt; thirdTable;
      private int firstTablePage;
      private int secondTablePage;
      private int thirdTablePage;
      @Autowired
      private HomepageService homepageService;
  
  
      public List&lt;ViewDTO&gt; getFirstTable() {
          return firstTable;
      }
      public void setFirstTable(List&lt;ViewDTO&gt; firstTable) {
          this.firstTable = firstTable;
      }
      public List&lt;ViewDTO&gt; getSecondTable() {
          return secondTable;
      }
      public void setSecondTable(List&lt;ViewDTO&gt; secondTable) {
          this.secondTable = secondTable;
      }
      public List&lt;ViewDTO&gt; getThirdTable() {
          return thirdTable;
      }
      public void setThirdTable(List&lt;ViewDTO&gt; thirdTable) {
          this.thirdTable = thirdTable;
      }
      public int getFirstTablePage() {
          return firstTablePage;
      }
      public void setFirstTablePage(int firstTablePage) {
          this.firstTablePage = firstTablePage;
      }
      public int getSecondTablePage() {
          return secondTablePage;
      }
      public void setSecondTablePage(int secondTablePage) {
          this.secondTablePage = secondTablePage;
      }
      public int getThirdTablePage() {
          return thirdTablePage;
      }
      public void setThirdTablePage(int thirdTablePage) {
          this.thirdTablePage = thirdTablePage;
      }
      public HomepageService getHomepageService() {
          return homepageService;
      }
      public void setHomepageService(HomepageService homepageService) {
          this.homepageService = homepageService;
      }
  
  }
  </code></pre>