برای اینکار از تگ زیر استفاده می کنیم:

import  DataGrid  from "react-data-grid";
<DataGrid
  pageSize={5}
  rowsPerPageOptions={[5, 10, 20]}
  pagination
  {...data}
/>

pageSize : مقدار پیش فرض این خصوصیت 100 می باشد.

rowsPerPageOptions : می توانید به کاربر این امکان را بدهید که انتخاب کند در هر صفحه چند سطر نمایش داده شود.

این دو ویژگی اختیاری می باشند و می توانید از آنها استفاده نکنید.

می توانیم از autoPageSize برای اتومات کردن سایز هر صفحه استفاده کنیم. در اینصورت ماکسیمم تعداد سطری که در هر صفحه می شود نمایش داد، توسط سرور انتخاب می شود.

<DataGrid autoPageSize pagination {...data} />