> ## Content Index
> Fetch the complete content index at: https://www.vizney.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to Add Pagination in Tableau
- URL: https://www.vizney.com/how-to-add-pagination-in-tableau/
- Published: 2025-11-06T01:23:35.000Z
- Updated: 2025-11-06T01:23:35.000Z
- Author: Yehwan Hwang
- Tags: Tips & Tricks

When a dashboard contains too many items to display at once, showing all the data on a single screen can be visually overwhelming and make exploration difficult. 

In such cases, applying a **pagination** approach allows you to divide the data across multiple views for a cleaner and more organized presentation. 

This post introduces how to implement pagination in Tableau to improve the readability and user experience of your dashboard.

### Step-by-Step: Adding Pagination

1. Create a customer list view based on the `Customer Name` field from the *Superstore* dataset, where pagination will be applied.

![](https://kr.vizney.com/content/images/2025/11/Customer-List-without-Pagination.jpg)

1. **Create a parameter** to control the page navigation.

![](https://kr.vizney.com/content/images/2025/11/pPage.jpg)

1. **Build a calculated field** to separate data by page based on the parameter.  
In this example, we’ll display **10 customers per page**.  
Using the `INDEX()` function, assign an index number to each customer, and determine whether each record should be displayed on the current page by dividing the index by the number of items per page (10) and using the resulting quotient as a reference.

![](https://kr.vizney.com/content/images/2025/11/Page-TF-1.jpg)

1. **Apply the `Page TF` calculated field** to the Filter pane.
2. **Create the following calculated fields** for page navigation:
  1. `Last Page`: Calculates the total number of pages based on the number of customers. In this dataset, there are 793 customers, which results in up to **80 pages**.
  2. `Previous`: Returns one less than the current page parameter value.  
  Since there’s no page before page 1, it remains fixed at **1**.
  3. `Next`: Returns one more than the current page parameter value.  
  Since there’s no page beyond the last page, it remains fixed at the **`Last Page`** value.

![](https://kr.vizney.com/content/images/2025/11/Last-Page-1.jpg)

![](https://kr.vizney.com/content/images/2025/11/Previous-1.jpg)

![](https://kr.vizney.com/content/images/2025/11/Next-1.jpg)

1. **Create separate sheets** for the **Previous Page** and **Next Page** buttons.

![](https://kr.vizney.com/content/images/2025/11/Previous-Sheet.jpg)

![](https://kr.vizney.com/content/images/2025/11/Next-Sheet.jpg)

1. **Create a sheet** to display the **current page number**.

![](https://kr.vizney.com/content/images/2025/11/Page-Sheet.jpg)

1. **Place the navigation sheets** appropriately within the dashboard layout.

![](https://kr.vizney.com/content/images/2025/11/Customer-List-with-Pagination.jpg)

1. **Add dashboard actions** that allow users to change the parameter value when clicking the navigation buttons.

![](https://kr.vizney.com/content/images/2025/11/Previous-Action.jpg)

![](https://kr.vizney.com/content/images/2025/11/Next-Action.jpg)

1. **Add an additional action** to deselect the button after each click, ensuring smooth interaction and preventing persistent selection highlights.

[How to Disable Selection Highlighting in TableauThis is how you can prevent the blue shading highlight that appears when selecting a specific area on a dashboard for interaction.![](https://storage.ghost.io/c/6a/50/6a50f03c-1922-4e90-bf18-c5abd0f819d4/content/images/icon/vizney_icon_b_v2-1.png)VizneyYehwan Hwang![](https://storage.ghost.io/c/6a/50/6a50f03c-1922-4e90-bf18-c5abd0f819d4/content/images/thumbnail/--------------6.gif)](https://www.vizney.com/disable-selection-highlighting-in-tableau/)

1. Complete the dashboard.

![](https://kr.vizney.com/content/images/2025/11/Pagination.webp)