Pagination ページネーション

使用場面

• 大量のコンテンツを表示する必要があり、ページ分割して読み込む処理を行う場合に使用します。

コンポーネント例

コンポーネント属性

属性	说明	类型	默认值
current	現在のページ番号	number	1
hideOnlyOnePage	ページ数が1の場合、ページネーションを非表示にするかどうか	boolean	false
onChange	ページ番号が変更されたとき	(currentPagination: number) => void	-
onPageSizeChange	1ページあたりの件数が変更されたとき	(pageSize: number) => void	-
pageSize	1ページに表示する件数	number	10
pageSizeList	1ページあたり表示選択器の選択可能な値	string	'5,10,20'
pageSizePosition	1ページ表示選択器のコンポーネント内での位置	'start' | 'end'	'end'
pageSizeSelector	1ページあたり表示選択器の種類	false | 'filter' | 'dropdown'	false
shape	前後ボタンのスタイル	'normal' | 'arrow-only' | 'arrow-prev-only' | 'no-border'	'normal'
showJump	ジャンプ入力フィールドとボタンを表示します。typeがnormalの場合、ページ数が5ページを超えた後に有効になります。	boolean	true
size	ページネーションのサイズ	'small' | 'medium' | 'large'	'medium'
total	総レコード数	number	-
type	ページネーションの種類	'normal' | 'simple' | 'mini'	'normal'