MUI DataGrid - Server-side row grouping with paging
07:31 15 Jan 2026

When using a MUI DataGrid with paging and grouping, we expect the group headings to respect the page size. However, the items within the group do not, and all items are displayed.

What is the best way to handle this? If a group has thousands of items, we'll quickly run into issues both back-end and on render. Ideally the sub items should be paged too, but would they need a separate paging control?

Example here which is forked from the ServerSideRowGroupingFullDataGrid demo — MUI X: with pagination props added: https://stackblitz.com/edit/mgftsewj?file=src%2FDemo.tsx

reactjs mui-x-data-grid