I'm using M3 and I am having an issue with the dataGrid component.
So, I'm using the following code and allProducts returns a list of 6 items. So the expected behavior should be 2 rows where the 1st row has 4 items and the 2nd has 2 items. But this not what is happening instead I'm seeing 1 row and 2 pages. The first page has 4 items while the second page has 3 items and in the second page the last item from the first page is repeating even though there are definitely no repeating elements in the list.
Code: Select all
<p:dataGrid var="product" value="#{store.allProducts}" columns="4" rows="3" paginator="true" paginatorPosition="bottom" effect="true">
<p:column>
<p:panel style="text-align:center;width:220px; height:330px">
<h:panelGrid columns="1">
//stuff
</h:panelGrid>
</p:panel>
</p:column>
</p:dataGrid>