# Table Pagination

**URL:** <https://forum.bubble.io/t/table-pagination/299841>\
**Category:** Tips\
**Created:** [December 30, 2023, 10:31pm UTC](https://forum.bubble.io/t/table-pagination/299841 "2023-12-30T22:31:39Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jacob2](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jacob2/32/243491_2.png) [@jacob2](https://forum.bubble.io/u/jacob2)\
**Post date:** [December 30, 2023, 10:31pm UTC](https://forum.bubble.io/t/table-pagination/299841/1 "2023-12-30T22:31:39Z")

</div>

I just had to share this with everyone and hopefully it helps. I was stuck with the dilemma of trying to paginate a table so I started watching a planetnocode video (great videos by the way). He had a great work around that i adapted for my own situation. I have a table and I’m focusing on a zfold 5 aspect ration, so i only wanted 12 items to show on one page. After some excel mind bending, I found a way that appears to work.

First I created a custom state on my page like Matt from Planetnocode did  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/8/9/89e138a8895c0930df7acae2df9ac515861147a4.png)

Then set up my table source to take the current state value and add 12 basically  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/f/c/fc8e8d1ea8f96e350387b8c8417db740c2da6284.png)

Set up a pagination group using the toolbox plugin, created a workflow and used the repeating group cells current number as a multiplicand and then subtracted 11 from the product

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/8/5/85e8a55c17de5124620a47a624778f7565865a74.png)  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/7/e/7eb789ad7b3e983779703e56f94a4da50c714845.png)

Then to change the color of the pagination so users know which one they’re on, I created a conditional statement that when the current cells list number equals the state number minus the list number divided by 11 plus 1  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/e/8/e8be83a4e2782d017d5ecd227eebcf253e2d4c90.png)

And it works. So maybe someone can decode what I ended up doing and use it for themselves or make a free plug in? wink wink haha

---

<div class="post-metadata">

**Author:** ![incomdies](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/incomdies/32/200314_2.png) [@incomdies](https://forum.bubble.io/u/incomdies)\
**Post date:** [January 5, 2024, 7:15pm UTC](https://forum.bubble.io/t/table-pagination/299841/2 "2024-01-05T19:15:25Z")

</div>

would be interested in making a plugin if i have the editor link for this setup

---

<div class="post-metadata">

**Author:** ![Rallis](https://avatars.discourse-cdn.com/v4/letter/r/dfb087/32.png) [@Rallis](https://forum.bubble.io/u/Rallis)\
**Post date:** [July 15, 2024, 8:40am UTC](https://forum.bubble.io/t/table-pagination/299841/3 "2024-07-15T08:40:55Z")

</div>

Hi. Did you make a plugin?

---

<div class="post-metadata">

**Author:** ![incomdies](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/incomdies/32/200314_2.png) [@incomdies](https://forum.bubble.io/u/incomdies)\
**Post date:** [July 15, 2024, 3:30pm UTC](https://forum.bubble.io/t/table-pagination/299841/4 "2024-07-15T15:30:55Z")

</div>

Ohh no…never got access to the editor. There are many easier ways to paginate now though

---

<div class="post-metadata">

**Author:** ![virgolinorr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/virgolinorr/32/256001_2.png) [@virgolinorr](https://forum.bubble.io/u/virgolinorr)\
**Post date:** [December 25, 2025, 11:51pm UTC](https://forum.bubble.io/t/table-pagination/299841/5 "2025-12-25T23:51:42Z")

</div>

2025 update. It takes some time for me to find the solution. So, I’m sharing on this relevant topic to save some time to others. What you can do now to implement Table pagination in Bubble:

- Go to “Row repeating” of the Table element. Check “Set fixed number of repeating rows“.

- Add a “previous” button. Add a “Go to page of a repeating group or table“ action to Button’s click. Set the page to go to: “Table’s page number minus 1“. Set a conditional “When Table is on the first page → This button isn’t clickable“ to this button, so it’s disabled when the user is on the first pagination page.

- Add a “next” button and set “Table’s page number plus 1“ and “When Table is on the last page → This button isn’t clickable“ instead.

Source:

> [@Table element improvements: pagination, footer rows, and more](https://forum.bubble.io/t/table-element-improvements-pagination-footer-rows-and-more/382800):
>
> Hi everyone, I’m Nick, a product manager here at Bubble. I’m excited to tell you that we’ve shipped several improvements to the table element based on your feedback! Note: apps on the scheduled release tier will receive these updates tomorrow. Here’s what’s new: Pagination and data display You can now paginate tables using the same workflow actions and data sources as repeating groups You can now display lists of data via workflow action Layout and customization You can now ad…

---

<div class="post-metadata">

**Author:** ![jacob2](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jacob2/32/243491_2.png) [@jacob2](https://forum.bubble.io/u/jacob2)\
**Post date:** [December 26, 2025, 12:10am UTC](https://forum.bubble.io/t/table-pagination/299841/6 "2025-12-26T00:10:56Z")

</div>

Much easier now. How do you add a footer? I don’t see an option?
