Pagination for Table

Demo to preview the settings
🔗 Demo Page: https://chakor-plugins.bubbleapps.io/version-test/table_pagination
🔗 Bubble Editor: https://bubble.io/page?type=page&name=table_pagination&id=chakor-plugins&tab=tabs-1

Introduction

Introducing our latest plugin: Pagination for Table


This plugin modifies the bubble's Table element allowing you to effortlessly have a smooth flow of data with the feature of dynamic pagination. It facilitates the efficient display and navigation of large datasets. By configuring the number of items displayed per page, the plugin generates a list of page numbers based on the total number of items in your dataset. Users can then navigate through pages using the pagination controls provided

Compatible Data Source: The plugin accepts data sources of Data Types and Options sets, you wish to paginate, ensuring seamless integration with your Bubble application.
Automatically calculates the total number of items and generates the appropriate number of page links.

Customizable Items Per Page: Takes a numeric input to specify the number of items displayed per page. Adjusts the pagination controls dynamically based on the items per page setting and calculates the total number of items and generates the appropriate number of page links.

Important: To maintain clarity, this element's count should be the same as fixed number of rows to display in a table. The table source should be set as this plugin's entries per page state.


Element Name : Table Pagination (visual element)

How to Setup

1- Go to the next page of table: Users can click to view the next set of items based upon items per page.
2- Go to the previous page of table: Users can click to view the previous set of items and display entries on the previous page.
3- Go to a certain page of the table: Users can directly jump to any page by clicking the corresponding page number.

States

1- Current Page (contains the current page number) 2- Contains starting index of the current page 3- Contains ending index of the current page 4- Data source entries per page 5- All entries in sorted order 6- Total page numbers

Was this article helpful?

0 out of 0 liked this article