Hi everyone

I have some problem in Table pagination using Data Scroller

This is my Code

<rich:dataTable id="sysBranchesList"
                var="_sysBranches"
              value="#{sysBranchesList.resultList}"
           rendered="#{not empty sysBranchesList.resultList}"
             rowKeyVar="rowKey" width="455px" columnsWidth="5px,75px,75px,75px,100px,100px,50px,50px"
              columnClasses="column-center,column-left,column-left,column-left,column-left,column-left,column-center,column-center">

            <rich:column styleClass="sno">
              <f:facet name="header">#{messages.lblSNo}</f:facet>
            <h:outputText value="#{rowKey+1}" />
        </rich:column>
    
        <rich:column>
            <f:facet name="header">
                <ui:include src="../layout/sort.xhtml">
                    <ui:param name="entityList" value="#{sysBranchesList}"/>
                    <ui:param name="propertyLabel" value="#{messages.lblBranchName}"/>
                    <ui:param name="propertyPath" value="sysBranches.branchName"/>
                </ui:include>
            </f:facet>
            <h:outputText value="#{_sysBranches.branchName}" />
        </rich:column>
       
        <rich:column>
            <f:facet name="header">
                <ui:include src="../layout/sort.xhtml">
                    <ui:param name="entityList" value="#{sysBranchesList}"/>
                    <ui:param name="propertyLabel" value="#{messages.lbladdress}"/>
                    <ui:param name="propertyPath" value="sysBranches.address1"/>
                </ui:include>
            </f:facet>
            <h:outputText value="#{_sysBranches.address1}" />
        </rich:column>
       
          <rich:column>
            <f:facet name="header">
                <ui:include src="../layout/sort.xhtml">
                    <ui:param name="entityList" value="#{sysBranchesList}"/>
                    <ui:param name="propertyLabel" value="#{messages.lblmobile}"/>
                    <ui:param name="propertyPath" value="sysBranches.mobile"/>
                </ui:include>
            </f:facet>
            <h:outputText value="#{_sysBranches.mobile}" />
        </rich:column>
       
       
        <rich:column>
            <f:facet name="header">
                <ui:include src="../layout/sort.xhtml">
                    <ui:param name="entityList" value="#{sysBranchesList}"/>
                    <ui:param name="propertyLabel" value="#{messages.lblEmailId}"/>
                    <ui:param name="propertyPath" value="sysBranches.emailId"/>
                </ui:include>
            </f:facet>
            <h:outputText value="#{_sysBranches.emailId}"/>
        </rich:column>
       
      
       
    
       <rich:column>
            <f:facet name="header">
                <ui:include src="../layout/sort.xhtml">
                     <ui:param name="entityList" value="#{sysBranchesList}"/>
                   <ui:param name="propertyLabel" value="#{messages.lblCityName}"/>
                    <ui:param name="propertyPath" value="sysBranches.city.cityName"/>
                </ui:include>
            </f:facet>
            <h:outputText value="#{_sysBranches.city.cityName}"/>
        </rich:column>
      
        <rich:column styleClass="isactive">
            <f:facet name="header">
                <ui:include src="../layout/sort.xhtml">
                    <ui:param name="entityList" value="#{sysBranchesList}"/>
                    <ui:param name="propertyLabel" value="#{messages.lblIsActive}"/>
                    <ui:param name="propertyPath" value="sysBranches.recordStatus"/>
                </ui:include>
            </f:facet>
            <h:outputText value="#{_sysBranches.recordStatus=='Y'?'Yes':'No'}"/>
        </rich:column>
   

      
        <rich:column styleClass="action">
            <f:facet name="header">#{messages.lblAction}</f:facet>
            <h:graphicImage value="../img/view.png"/>
            <s:link view="/admin/#{empty from ? 'SysBranches' : from}.xhtml"
                   value="#{empty from ? 'View' : 'Select'}"
             propagation="#{empty from ? 'none' : 'default'}"
                      id="sysBranches">
                <f:param name="sysBranchesBranchId"
                        value="#{_sysBranches.branchId}"/>
            </s:link>
            #{' '}
                <h:graphicImage value="../img/edit.png"/>
            <s:link view="/admin/SysBranchesEdit.xhtml"
                   value="#{messages.lblEdit}"
             propagation="none"
                      id="sysBranchesEdit"
                rendered="#{empty from}">
                <f:param name="sysBranchesBranchId"
                        value="#{_sysBranches.branchId}"/>
            </s:link>
        </rich:column>
    </rich:dataTable>

    //Here i add that code//
         <rich:datascroller align="left" for="sysBranchesList" maxPages="5"
            page="#{sysBranchesList.}" reRender="sysBranchesSearch" />


Anybody help me

Thanks & Regards
Jack