> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://essential-grid.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Pagination

# Pagination
## Control How Your Grid Content is Split Into Pages
In this guide, learn how to use Essential Grid’s pagination options
## Table of Contents
* Pagination in Essential Grid
* Pagination
* Max Visible Rows
* Max Rows Mobile
* Autoplay
* Touch Swipe
## Pagination in Essential Grid
Pagination in Essential Grid is a way of splitting a grid into pages, each composed of a specific number of grid items, that a visitor can click through at their own pace.
The **Pagination** panel is third from the bottom under the** Settings** tab:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_c22s38.png =450x781)

Let’s take a look at each of the options available in the panel.
## Pagination
Set the **Pagination** option to **Enable** in order to use and configure pagination:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_12mfyup.png =800x250)y if this option is set to **Enable** will the other options in the pagination panel be shown.

Additionally, only if this option is set to **Disable** will it be possible to later use the **Load More** option for inline and/or infinite loading and scrolling. (We’ll learn how to use the **Load More** option on the next page of the manual.)
## Max Visible Rows
The **Max Visible Rows** option allows you to determine how many rows there should be before needing to click through to the next grid page:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_qcu1s4.png =800x178)

## Max Rows Mobile
On smaller screens you might need to use a different number of grid rows than you do on larger screens. If this is the case you can set **Max Rows Mobile** to **Enable**, then set the **Max Visible Rows** on Mobile option to a different number:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_150r1sb.png =800x305)

## Autoplay

How to enable Autoplay: 
* Go to the **Nav-Filter-Sort** tab.
* Position the left and right navigation arrow in the desired location.
* Verify the navigation controls appear correctly in the gallery preview.
* Click **Save**.
* Confirm the changes are saved successfully.


![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_wkeybd.png =800x440)

Now go to settings the **Autoplay** option to **Enable** will make your grid automatically proceed through its pages, in a similar way to a slider:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1vipkc3.png =800x418)

If **Autoplay** is enabled you will also see an option named **Timing** appear. This option controls how much time (in milliseconds) should pass before the grid proceeds to its next page.
## Touch Swipe
If the **Touch Swipe** option is set to **Enable**, a visitor will be able to swipe from side to side in order to move between grid pages, rather than having to click the pagination buttons.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1b01uhl.png =800x420)

Once the option is enabled another two options will become visible: **Allow Vertical Dragging** and **Swipe Threshold**.

If **Allow Vertical Dragging** is set to **Enable**, a visitor will also be able to swipe down to move forward a page or up to move backwards a page.

The **Swipe Threshold** option determines the distance, in pixels, that the visitor must move their finger in order to activate a swipe action.