صفحهبندی (Pagination)
صفحهبندی محتوا را به چندین صفحه تقسیم میکند و به کاربران این امکان را میدهد که بین آنها جابجا شوند.
اساسی (Basic)
استفاده اساسی از صفحهبندی (Pagination).
- 1
- 2
- 3
- 4
- 5
بیشتر (More)
در صورتی که تعداد صفحات زیاد شود، صفحهبندی علامت سه نقطه (ellipsis) را برای نشان دادن نتایج قبلی یا ادامه دار نمایش میدهد.
- 1
- 50
- 1
- 100
تعداد کل (Total)
نمایش تعداد کل دادهها با تنظیم
displayTotal به true.Total 50 Items
- 1
- 50
اندازه صفحات (Page sizes)
نمایش تعداد صفحهبندی تقسیم شده بر
total و pageSize، که معمولاً برای نمایش تعداد دادهها در یک صفحه استفاده میشود.Total 100 Items
- 1
- 20
5 / صفحه
کنترل شده (Controlled)
مثالی از صفحهبندی کنترل شده.
- 1
- 100
API
صفحهبندی (Pagination)
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| currentPage | شماره صفحه جاری | number | 1 |
| displayTotal | آیا تعداد کل دادهها نمایش داده شود | boolean | false |
| onChange | تابعی که هنگام کلیک روی ایندکس صفحهبندی فراخوانی میشود | (pageNumber: number) => void | - |
| pageSize | تعداد دادهها در هر صفحه | number | 1 |
| total | تعداد کل دادهها | number | 5 |