jsf - DataScroller component not reRendering as expected -

jsf - DataScroller component not reRendering as expected -

i have 2 datascrollers, above , below datatable. bottom scroller working fine top scroller not rerendering expected. showing page numbers of previous results. i.e. top datascroller 1 step behind. below code.

<h:panelgroup id="groupid"> <h:panelgrid id="searchgrid" rows="4" rowclasses="aligncentertop" rendered="#{datamodel.rendergrid}"> <h:panelgroup columns="1" columnclasses="pgnbarcenter"> <rich:datascroller align="center" for="datatable" page="#{datamodel.page}" actionlistener="#{datamodel.actionlistenereventfordatascroller}" limittolist="true" ajaxsingle="true" fastcontrols="hide" renderifsinglepage="false" rerender="btmcounter,bottomsc" id="topsc" > <f:facet name="first"> <h:outputtext value="#{msg.pag_first}" /> </f:facet> <f:facet name="first_disabled"> <h:outputtext value="#{msg.pag_first}" /> </f:facet> <f:facet name="last"> <h:outputtext value="#{msg.pag_last}" /> </f:facet> <f:facet name="last_disabled"> <h:outputtext value="#{msg.pag_last}" /> </f:facet> <f:facet name="next"> <h:outputtext value="#{msg.pag_next}" /> </f:facet> <f:facet name="next_disabled"> <h:outputtext value="#{msg.pag_next}" /> </f:facet> <f:facet name="previous"> <h:outputtext value="#{msg.pag_prev}" /> </f:facet> <f:facet name="previous_disabled"> <h:outputtext value="#{msg.pag_prev}" /> </f:facet> </aap:datascroller> </h:panelgroup> <rich:datatable id="datatable" width="100%" value="#{datamodel}" var="gridrow" columns="5" rows="10" columnclasses="alignleft,alignleft,alignleft,alignleft,alignleft" rowclasses="row1,row2" onrowmouseover="this.style.backgroundcolor='#b5f3fb'" onrowmouseout="this.style.backgroundcolor='#{a4jskin.rowbackgroundcolor}'" rerender="btmcounter,bottomsc,topsc"> <rich:spacer width="4" /> <rich:column width="2%"> <f:facet name="header"> <h:outputtext value="select"/> </f:facet> <h:panelgroup id="test123"> <h:selectbooleancheckbox id="gridchkbox" value="#{gridrow.rowselected}"/> </h:panelgroup> </rich:column> .................... <rich:column width="9%" sortable="true" id="datatableid" label="#{msg.id}" sortby="#{gridrow.id}" filterby="#{gridrow.id}:string"> <f:facet name="header"> <h:outputtext value="#{msg.costcktid}" /> </f:facet> <h:outputtext value="#{gridrow.id}"/> </rich:column> <rich:spacer width="4" /> </rich:datatable> <h:panelgrid columns="1" row="1" width="100%" columnclasses="pgnbarright"> <h:panelgroup styleclass="pagecounttext"> <h:outputtext value="total records: " /> <h:outputtext id="btmcounter" value="#{datamodel.totalrecords}"> <f:convertnumber pattern="##,###,###" /> </h:outputtext> </h:panelgroup> </h:panelgrid> <h:panelgrid columns="1" columnclasses="aligncenter" width="100%"> <rich:datascroller align="center" for="datatable" page="#{datamodel.page}" actionlistener="#{datamodel.actionlistenereventfordatascroller}" fastcontrols="hide" renderifsinglepage="false" limittolist="true" ajaxsingle="true" rerender="btmcounter,topsc" id="bottomsc"> <f:facet name="first"> <h:outputtext value="#{msg.pag_first}" /> </f:facet> <f:facet name="first_disabled"> <h:outputtext value="#{msg.pag_first}" /> </f:facet> <f:facet name="last"> <h:outputtext value="#{msg.pag_last}" /> </f:facet> <f:facet name="last_disabled"> <h:outputtext value="#{msg.pag_last}" /> </f:facet> <f:facet name="next"> <h:outputtext value="#{msg.pag_next}" /> </f:facet> <f:facet name="next_disabled"> <h:outputtext value="#{msg.pag_next}" /> </f:facet> <f:facet name="previous"> <h:outputtext value="#{msg.pag_prev}" /> </f:facet> <f:facet name="previous_disabled"> <h:outputtext value="#{msg.pag_prev}" /> </f:facet> </aap:datascroller> </h:panelgrid> </h:panelgrid> </h:panelgroup>

please pardon english.. can provide me solution this

jsf richfaces