> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# ページネーション

> ページネーション コンポーネントの設定方法を解説します。ページ数・ページサイズ・ページ切り替えイベントを設定し、スプレッドシートなどと組み合わせて大量データのページ分割読み込みを実現する手順を紹介します。

## 使用シーン

* 大量のコンテンツをページごとに分けて読み込む必要がある場合に使用します。

## コンポーネントの例

## コンポーネントの属性

| 属性                 | 説明                                                                 | タイプ                                                            | デフォルト       |
| ------------------ | ------------------------------------------------------------------ | -------------------------------------------------------------- | ----------- |
| `current`          | 現在のページ番号                                                           | `number`                                                       | `1`         |
| `hideOnlyOnePage`  | ページが 1 ページのみの場合にページネーターを非表示にするかどうか                                 | `boolean`                                                      | `false`     |
| `onChange`         | ページ番号が変更された際にトリガーされます                                              | `(currentPagination: number) => void`                          | -           |
| `onPageSizeChange` | ページサイズが変更された際にトリガーされます                                             | `(pageSize: number) => void`                                   | -           |
| `pageSize`         | 1 ページあたりの表示件数                                                      | `number`                                                       | `10`        |
| `pageSizeList`     | ページサイズセレクターで選択可能な値                                                 | `string`                                                       | `'5,10,20'` |
| `pageSizePosition` | コンポーネント内でのページサイズセレクターの位置                                           | `'start' \| 'end'`                                             | `'end'`     |
| `pageSizeSelector` | ページサイズセレクターのタイプ                                                    | `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'`  |