Let’s say I have a Streamlit app where I want to show the user a lot of images (1k+). Obviously, I wouldn’t want to display these all at once - I need some sort of pagination. I tried creating a “Next page” and “Previous page” button, but because the button just returns if the button was clicked on…

I am working on exactly the same thing where I have filter files from dataframe but the images are around 1000 I want to say display them 10 at a time. Is your use case somewhat similar ?

Hey @jeremyjordan ! Here’s a gist showing how to get a simple paginator in Streamlit which works like this: fruit_list = [ 'Kiwifruit', 'Honeydew', 'Cherry', 'Honeyberry', 'Pear', 'Apple', 'Nectarine', 'Soursop', 'Pineapple', 'Satsuma', 'Fig', 'Huckleberry', 'Coconut', 'Plantain', 'Jujube'…

Thanks @Adrien_Treuille ! This was the quick and dirty solution I came up with this morning. I just pulled down your Gist and played around with it; it works quite nice for small lists, my only complaint is that the selectbox can get quite crowded for large lists :slight_smile:

That’s an awesome solution too!

What's the recommended way to paginate content?

Using Streamlit

jeremyjordan October 2, 2019, 1:53pm 2

I was able to figure out a solution storing the page value using the SessionState as discussed in this thread. I’ll post a self-contained example later today.

Topic		Replies	Views
How to create streamlit app with pagination Using Streamlit	2	3048	November 17, 2021
Pagination in streamlit Using Streamlit session-state	2	7281	December 14, 2022
Display images one by one with a next button Using Streamlit	3	6337	August 11, 2022
Navigating through a list Using Streamlit	2	2378	June 14, 2020
Paginated Dataframe Using Streamlit pandas	7	20769	August 25, 2021

What's the recommended way to paginate content?

Related topics