Primefaces Data Table Style Issue

问题

I have a primefaces table with multiple checkboxes and i used p:ajax for pagination.I placed datatable inside a p:outputPanel and whenever i select second page in data scroller i will update to main panel bcoz i want show selected row data into separate datatable, but at that time my datatable style completely collapsed.

I am using primefaces 5.1 version.help me to fix this issue Thanks in advance!

This is the sample code of datatable,

         <p:outputPanel id="mainPanelId">                                 

           <p:dataTable id="myDataTable"
                        rowIndexVar="tableIndex"
                        value="#{MyBean.beanList}"
                        var="beanVariable" 
                        paginator="true"  
                        rows="#{MyBean.numberOfRowsPerPage}"
                        rendered="#{MyBean.dataTableRendered}"
                        paginatorTemplate="{FirstPageLink} {PreviousPageLink}
                                                   {PageLinks} {NextPageLink} {LastPageLink} ">
                          <p:ajax event="page" 
                                  listener="#{MyBean.myDataTableScroll}" 
                                  update=":#{p:component('mainPanelId')}" 
                                  global="false"/>
                                 </p:dataTable> 
         </p:outputPanel>

来源：https://stackoverflow.com/questions/34735739/primefaces-data-table-style-issue