JSF中rich:datascroller使用问题

各位高手,刚入JSF,遇到一些问题,实在找不到答案了,请帮忙看看,指点一下.
JSF中我写的源码:
<rich:dataTable id="datatableid" value="#{SearchClock.searchlist}" 
    var="searchdata" rowKeyVar="index" rows="2" width="75%"
    rowClasses="sortable_lineA,sortable_lineB"     
       onRowMouseOver="this.className='sortable_linehilite'"
       onRowMouseOut="if((this.rowIndex % 2) == 1) this.className='sortable_lineA'; else this.className='sortable_lineB';">
<f:facet name="header">
  <rich:columnGroup>
   <rich:column>
    <h:outputText value="#" />
   </rich:column>
   <rich:column>
    <h:outputText value="#{prodlabel.Employee_Code}" />
   </rich:column>
   <rich:column>
    <h:outputText value="#{prodlabel.Emp_Name}" />
   </rich:column>
   <rich:column>
    <h:outputText value="#{prodlabel.Dept}" />
   </rich:column>
   <rich:column>
    <h:outputText value="#{prodlabel.Clock_Time}" />
   </rich:column>
   <rich:column>
    <h:outputText value="#{prodlabel.In_Out}" />
   </rich:column>   
  </rich:columnGroup>
</f:facet>
<rich:column>
  <h:outputText value="#{index+1}" />
</rich:column>
<rich:column>
  <h:outputText value="#{searchdata.id.empNo}" />
</rich:column>
<rich:column>
  <h:outputText value="#{searchdata.empName}" />
</rich:column>
<rich:column>
  <h:outputText value="#{searchdata.description}" />
</rich:column>
<rich:column>
  <h:outputText value="#{searchdata.id.clockTime}" >
  <f:convertDateTime pattern="MM/dd/yyyy HH:mm" timeZone="GMT+8"/>
  </h:outputText>
</rich:column>
<rich:column>
  <h:outputText value="#{searchdata.entryDesc}" />
</rich:column>
</rich:dataTable>
<rich:datascroller for="datatableid" maxPages="15" id="clock_scroll"/>
但是所看到的效果为:附件中所示.(!!不会贴图)
即不能正常显示分页.但是我在官网或其它地方都是这样写的.
另外,如果我把最后一行放在最上面(即把datascroller放在datatable上,则报错为:不认识datatable的ID)
请帮帮忙!!