分頁

分頁功能，若不需要表格，也可獨立使用

import {Paginate} from '@acrool/react-table';


<Paginate
    meta={meta}
    info={info}
    onChangePage={onChangePage}
    pageLimitOptions={pageLimitOptions}

    nextText={<ArrowRightIcon/>}
    prevText={<ArrowRightIcon style={{transform: 'rotate(180deg)'}}/>}
/>

Show 11 - 20 itemTotal 100 item / 6 Page

8/Page40/Page72/Page150/Page

Props

Props Name	Type	Required	Default	Description
style	CSS.Properties
className	string
meta	Required<IPage>	✓		目前指定頁面參數
info	IPaginateInfo		{totalItems: 0,totalPages: 1}	頁面筆數資訊
onChangePage	(paginateMeta: Required<IPage>) => void	✓		當換頁時的方法
pageLimitOptions	number[]		[8, 40, 72, 150]	選擇選單以顯示每頁的項目數
nextText	ReactNode			下一頁按鈕文字
prevText	ReactNode			上一頁按鈕文字

IPage

Props Name	Type	Required	Description
currentPage	number	✓	目前第幾頁
pageLimit	number		目前一頁顯示幾筆

IPaginateInfo

Props Name	Type	Required	Description
totalItems	number	✓	總共幾筆資料
totalPages	number	✓	總共幾頁