How to Add Pagination to a Bubble Repeating Group

Подписаться 45

Просмотров 2,3 тыс.

50% 1

In this video, I will show you how to add pagination to a bubble.io repeating group. Pagination is important for improving user experience when displaying large amounts of data. I will guide you through the steps of adding pagination to your repeating group, including setting the number of rows to display, displaying the current page number, and calculating the total number of pages. I will also demonstrate how to add icons and workflows to navigate between pages. By the end of this video, you will have a clear understanding of how to implement pagination in your bubble app.

Опубликовано:

22 окт 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 25

@sergioleis 27 дней назад

Awesome solution!!! Thanks 🙏

@mmendezgracia Месяц назад

I'll try it, love when solution is without plugin

@chrisBlanc-dq9gr 4 месяца назад

Excellent tutorial. Thanks!

@-IT-DHAMODHARAN 3 месяца назад

🤝thanks

@yanwesley4181 5 месяцев назад

Amazing video, thanks man!

@PedroGuerra-x2w Месяц назад

Thanks for this. It was helpful. Let me ask you one thing about it. With this approach, you have to load all the item at once right? The arrows serve as a navigation workflow, but every time is already in memory, right?

@NoCodeHitman Месяц назад

Thanks for your comment. Yes you are correct. This loads the whole lot of records. If that is a problem there is another much more complex method to achieve the same. This method only slows down the initial loading which completely depends on the internet speed of the end user. If you go ahead with the other method it will be loading data on each arrow click. I would only recommend it if you are planning on displaying more than 10k records. Again, if you have that many records in a UX perspective it is pointless to use pagination straight away. Instead I suggest a preconfigured filter with a sort.

@camilordofficial 7 месяцев назад

thanks man!

@NoCodeHitman 7 месяцев назад

Cheers!!!

@mmendezgracia 19 дней назад

Thanks, working perfect, just one question, with this option you are gathering ALL your database in the "do a search" on the RG or just the registres that you select e.i. 10 rows in the RG.

@NoCodeHitman 18 дней назад

It will load the whole dataset at first and the navigation from the arrows takes place in the client side(browser).

@mmendezgracia 18 дней назад

@@NoCodeHitman Thanks, there is an option to load only the first 10 rows each time?

@chingmanlee0014 2 месяца назад

Hiiii, amazing tutorial video. But I encountered a problem when adding the workflow to the page navigation arrow. I can't see the "Show previous," "Show next," or "Go to page" options on the "Electment action" tab

@NoCodeHitman 2 месяца назад

If you don’t see them, probably the reason is the number of rows in the repeating group are not fixed. They only appear when the repeating group is set to a fixed number of rows. For non fixed rows there is another method, i think I uploaded another vid for that. Not sure though

@gdmt 5 месяцев назад

Simple and easy pagination guide. Thank you so much for this! I have a small request: would it be possible to add a page number selector as well? For example: [2] [3] [4] [5] and so on... and one can click any of these pages to go directly to that page? As well as these numbers to be dynamic like it will show a range of pages selectable within the current page view? Thank you in advance!

@NoCodeHitman 5 месяцев назад

Hey thanks for the comment. I am a bit busy these days with a new project. I'll try to upload an updated video with your requirement. Thanks for the request.

@NoCodeHitman 5 месяцев назад

Here you go ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QMfuZPI45WE.html

@gdmt 5 месяцев назад

@@NoCodeHitman thank you!!!

@ofer213 6 месяцев назад

HI The Lesson you gave, on pagination was excellent, and very effective. Maybe you can help me to add by "TEXT INPUT" a random page selection thanks in advance

@NoCodeHitman 6 месяцев назад

Hey thanks for the comment. I don't quite understand your requirement. If you can be a bit specific I can make a guide for you.

@ofer213 6 месяцев назад

I want to type the page number instead of using the forward and backward arrows or clicking on the cell with the page number@@NoCodeHitman

@fernandomendez969 5 месяцев назад

Query, within the repeating group do you have the column names? How do you add column names? I currently have text elements to name the columns outside of the Repeating Group.

@NoCodeHitman 5 месяцев назад

Hi @fernandomendez969, keeping them outsite is a bit of trouble when making the whole thing responsive. In that case most of the time I keep them within the repeating group and use a conditional to show them only for the line 1

@fernandomendez969 5 месяцев назад

@@NoCodeHitman Do you have a video where you can explain that part, the conditional within the repeated group?