Две страницы не работают независимо на одной странице - JSF, Primefaces

Question

У меня есть одна веб-страница, где есть 2 таблицы с нумерацией страниц в каждой таблице. Это создает проблему, когда я нажимаю на нумерацию страниц. Например, если я выберу вторую страницу второй таблицы, то первая таблица автоматически изменится на 2-ю страницу. Ребята, у вас есть предложения? Итак, вот мой код:

<div class="col s6">
                <div class="row">
                    <h:form id="dataTable">
                        <p:dataTable var="pilihCabang" rows="5"
                            value="#{cabangView.cabangs}"
                            style="width: 100%; float: left; margin-top: 0px;"
                            paginator="true" pageLinks="5" rowsPerPageTemplate="5,10,15"
                            widgetVar="widgetWorkOrder" rowIndexVar="rowIndex"
                            paginatorPosition="bottom" emptyMessage="No record found"
                            styleClass="no-dtbl-header" id="pilToko"
                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
                            <p:columnGroup type="header">
                                <p:column headerText="Toko" />
                            </p:columnGroup>
                            <p:column>
                                <h:outputText value="#{pilihCabang.nama}" />
                                <p:commandLink style="float:right">
                                    <p:graphicImage name="delete.png" library="images" width="25px" height="25px"/>
                                </p:commandLink>
                            </p:column>
                        </p:dataTable>
                    </h:form>
                </div>
            </div>
            <div class="col s6">
                <div class="row">
                    <h:form id="dataTabledua">
                        <p:dataTable var="pilihProduk" rows="5"
                            value="#{produkView.produks}"
                            style="width: 100%; float: left; margin-top: 0px;"
                            paginator="true" pageLinks="5" rowsPerPageTemplate="5,10,15"
                            widgetVar="widgetWorkOrder" rowIndexVar="rowIndex"
                            paginatorPosition="bottom" emptyMessage="No record found"
                            styleClass="no-dtbl-header" id="pilPro"
                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
                            <p:columnGroup type="header">
                                <p:column headerText="Produk" />
                            </p:columnGroup>
                            <p:column>
                                <h:outputText value="#{pilihProduk.nama}" />
                                <p:commandLink style="float:right">
                                    <p:graphicImage name="delete.png" library="images" width="25px" height="25px"/>
                                </p:commandLink>
                            </p:column>
                        </p:dataTable>
                    </h:form>
                </div>
            </div>

Answer 1

Это вызвано тем, что обе таблицы данных имеют один и тот же widgetVar. Измените один, и вы будете в порядке.