I am trying to put entire rich:datatable inside rich:simpleTogglePanel.

<rich:simpleTogglePanel switchType="ajax" label="Opportunities" >
<rich:dataTable
 cellpadding="0" cellspacing="0"
 width="100%" border="0"
 id="transtable"
 binding = "#{backing_CustSearchBean.transtable}"
 onRowMouseOver="saveref(this);onOver('#{backing_CustSearchBean.transtable.rowIndex+1}');"
 rendered="#{backing_CustSearchBean.strrendered == 'true'}"
 onRowMouseOut="onOut('#{backing_CustSearchBean.transtable.rowIndex+1}');"
 headerClass="bluebar"
 var="oppList" value="#{processScope.oppAllData}"
 style="margin-top: 5px; cursor: pointer;overflow: auto;"
 styleClass = "dt_normal"
 rowClasses="searchcusttoprow,searchcustrows"
 ajaxKeys="#{backing_CustSearchBean.ajaxSet}"
 onRowClick="showOppSelected('#{oppList.opp_id}','#{backing_CustSearchBean.transtable.rowIndex+1}');showAllWheel('rtform:form2:transwheel');"
 columnClasses="searchcustcols,searchcustmidcols,searchcustcols,searchcustmidcols,searchcustcols,searchcustmidcols"
 >

 <h:inputHidden value="#{backing_CustSearchBean.transtable.rowIndex+1}"/>

 <rich:column>

 <h:outputText value="#{oppList.web_order_number}" style="margin-left: 5px;"/>
 </rich:column>
 <rich:column>

 <h:outputText value="#{oppList.opp_status_descr}" style="margin-left: 5px;"/>
 </rich:column>
 <rich:column>

 <h:outputText value="#{oppList.opp_name}" style="margin-left: 5px;"/>
 </rich:column>
 <rich:column>

 <h:outputText value="#{oppList.opp_id}" style="margin-left: 5px;"/>
 </rich:column>
 <rich:column>

 <h:outputText value="#{oppList.order_total}" style="margin-left: 5px;"/>
 </rich:column>
 <rich:column>
 <h:outputText value="#{oppList.created_agent}" style="margin-left: 5px;"/>
 </rich:column>

 <rich:column>
 <h:outputText value="#{oppList.created_date}" style="margin-left: 5px;"/>
 </rich:column>
 </rich:dataTable>
</rich:simpleTogglePanel>