# 【実現したいこと】
ページネーションを作って、表示させたい。
レコードは9つあり、一覧表示させている......

**URL:** <https://www.nocode-faq.com/t/topic/842>\
**Category:** bubble\
**Tags:** フロントエンド\
**Created:** [2021 年 2 月 2 日午前 10:54 UTC](https://www.nocode-faq.com/t/topic/842 "2021-02-02T10:54:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 2 月 2 日午前 10:54 UTC](https://www.nocode-faq.com/t/topic/842/1 "2021-02-02T10:54:05Z")

</div>

【実現したいこと】  
ページネーションを作って、表示させたい。  
レコードは9つあり、一覧表示させている数は添付の写真のように7つあります。  
１ページ目には、レコードを7つ表示させ、次へを押した際の2ページ目にはレコードを2つだけ表示させたい。  
【現状】  
一覧表示の結果を出すこと、ページネーションの処理はできているのですが、添付の写真の赤枠の部分が「前へ」「次へ」ボタンを押した際に被ってしまっています。  
どのような理由でこうなってしまっているのか現在検討もつきません。  
打開策をご存知の方がいらっしゃいましたらご教示願います。

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 2 月 2 日午前 10:54 UTC](https://www.nocode-faq.com/t/topic/842/2 "2021-02-02T10:54:06Z")

</div>

ここにチェックを入れると一部のみ表示されます

## 参考画像

 ![スクリーンショット 2020-10-16 13.46.49.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/5471363f732a536a8567f2a2ee7fbfc265b01f9a.png)

 ![スクリーンショット 2020-10-16 13.46.22.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2304011ecee7713c9ba4a94fe2e7497729c412f5.png)

 ![スクリーンショット 2020-10-17 20.43.27.png](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3ec900eea891f847ab11f9d985c7b612cb73a317.png)