Paginator控件不适用于primefaces数据表,该数据表在另一个数据表的行扩展中

Paginator控件不适用于primefaces数据表,该数据表在另一个数据表的行扩展中,primefaces,row,expansion,primefaces-datatable,Primefaces,Row,Expansion,Primefaces Datatable,创建了具有行扩展的数据表。在数据表行扩展中,还有另一个带有paginator的数据表。 有一个控件可以展开Al/全部折叠。单击展开所有行/全部折叠以展开所有行时,子数据表中的分页器控件不起作用。 手动展开行时,分页器工作正常 <div class="ui-md-12 ui-lg-12"> <i class="fas fa-sort" style="size: 22px;&

创建了具有行扩展的数据表。在数据表行扩展中,还有另一个带有paginator的数据表。 有一个控件可以展开Al/全部折叠。单击展开所有行/全部折叠以展开所有行时,子数据表中的分页器控件不起作用。 手动展开行时,分页器工作正常

    <div class="ui-md-12 ui-lg-12">
                         <i class="fas fa-sort" style="size: 22px;"></i>
                         <p:spacer width="5" height="5" />
                        <p:commandLink type="button" onclick="jQuery('.ui-row-toggler').click()" value="Expand/Collapse All"  style="padding-right:10px"/>   
</div>

<div class="ui-md-12 ui-lg-12">
<p:dataTable id="usersList" var="user" widgetVar="userList"
                value="#{UserBean.userList}" scrollable="false" scrollWidth="99%"           
                styleClass="urms-data-table transparent ui-sortable-column-icon" rowKey="#{milestone.milestoneId}" resizableColumns="true">             
                
             <p:column headerText="User ID" style="width:70px; height: auto; vertical-align: top;">
                <h:outputText id="userId" value="#{user.userId}" style="text-align: center;"/>
            </p:column>
            <p:column headerText="User Name" 
                    sortBy="#{user.userName}" sortOrder="ascending" filterable="true" 
                    filterBy="#{user.userName}" filterMatchMode="in" 
                    style="width:120px; height: auto; vertical-align: top;">
                <f:facet name="filter">
                    <p:selectCheckboxMenu label="" onchange="PF('userList').filter()" 
                            scrollHeight="200" updateLabel="true">
                        <f:selectItems value="#{UserBean.userListForFilter}" />
                    </p:selectCheckboxMenu>
                </f:facet> 
                <h:outputText id="userName" value="#{user.userName}" style="height: 30px;"/>
            </p:column>
            
             <p:column headerText="User City" style="width:70px; height: auto; vertical-align: top;">
                <h:outputText id="userCity" value="#{user.city}" style="text-align: center;"/>
            </p:column>

            <p:column headerText="Date Of Birth" style="width:100px; height: auto; white-space: nowrap; vertical-align: top;">
                <p:calendar id="createdDate"
                                    value="#{user.createdTs}"
                                    pattern="MM/dd/yyyy" mask="true" showOn="button"
                                    navigator="true" 
                                    maxlength="10" placeholder="mm/dd/yyyy" 
                                    converterMessage="Invalid date entered."
                                    inputStyle="width:150px"
                                    disabled="#{if particuar user}" 
                                </p:calendar> 
                                
                                <p:spacer width="3px"/>
           
             <p:row rendered="#{user.createdTs lt currentDate}">
             <i class="fa fa-bell" aria-hidden="true" style="size: 18px; color: #C70000;" />
            </p:row>
                                
                <h:outputText value="#{user.createdTs}" style="text-align: center;" 
                rendered="#{user.userName starts with 'a'}">
                <f:convertDateTime pattern="MM/dd/yyyy"></f:convertDateTime></h:outputText>
                
                <p:spacer width="3px"/>
           
           <p:row rendered="user.createdTs gt currentDate">
             <p:row rendered="#{user.userName starts with 'b'}">
             <i class="fa fa-bell" aria-hidden="true" style="size: 18px; color: #C70000;" />
            </p:row>
            </p:row>
            
            </p:column>
            
            <p:column style="width:16px">
                <p:rowToggler >
                </p:rowToggler>
             </p:column>
           
             <p:rowExpansion >
                <p:row> 
                    <p:column>
                    <div class="ui-g" >
                    <div class="ui-md-1" />
                                    <div class="ui-md-10" >
                                        <p:dataTable value="#{userChildBean.userTask}" var="task" 
                                         styleClass="innerTable urPaginator ui-sortable-column-icon" 
                                         widgetVar="taskList" 
                                         scrollable="false" 
                                         scrollWidth="99%"          
                                         rowKey="#{task.taskId}"
                                         paginator="true" rows="10" paginatorAlwaysVisible="false"  
                                         rowsPerPageTemplate="5,10,15,20,25,30,35,40,45,50" 
                                         paginatorPosition="bottom"  
                                         currentPageReportTemplate="of {totalPages}"   
                                         paginatorTemplate="Rows per page: {RowsPerPageDropdown} Page  {JumpToPageInput} {CurrentPageReport} {PreviousPageLink} {NextPageLink}">
                                         
                                            <p:column headerText="Task Name" style="width:250px;">
                                                <h:outputText value="#{task.taskName}" style="white-space:normal;word-break:break-word;"/>
                                            </p:column>  
                                            
                                            <p:column headerText="Due Date" style="width:120px">
                                            <p:outputPanel
                                                rendered="#{task.remainingDays eq 0 or task.remainingDays lt 0 and task.taskStatus ne 'Complete'}"
                                                style="float: left;">
                                                <i class="fa fa-bell" aria-hidden="true"
                                                    style="size: 18px; color: #C70000;" />
                                            </p:outputPanel>
                                        </p:dataTable>
                                        </div>
                                        <div class="ui-md-1" />
                                    </div>
                    </p:column>
                </p:row>
                </p:rowExpansion>
            
           </p:dataTable>
           </div>