How can I get next button to display only limited rows of a dataframe and then have next buttton

[Vinishag]

Please help how can I achieve next button displaying only 5 records in page and have next button to display rest.

similar to this particular image.

I have 1000 records in a data frame now i can show all 1000 by scrolling till end of the page. i want to ado something like this.

[ash2shukla]

Hey @Vinishag welcome to the community !

I had replied with something similar on this thread,

Streamlit app disconnects and stops before displaying data

Adding to @andfanilo’s answer, when I have to show large dataframe to user I do something like this, import pandas as pd import numpy as np import streamlit as st from math import ceil df = pd.DataFrame({"x": np.arange(1_000_000), "y": np.arange(1_000_000)}) page_size = 1000 page_number = st.number_input( label="Page Number", min_value=1, max_value=ceil(len(df)/page_size), step=1, ) current_start = (page_number-1)*page_size current_end = page_number*page_size st.write(df[curr…

Would that work for you ?

The functionality is pretty much what you require but visually it will be different, alternatively you can keep a counter in the state that increments when you click next and you can use that as page_number but I think above implementation is more straight forward.
Hope it helps !

[Vinishag]

Thanks for the help !But I am looking for next button. and for Data Frame it works but if I have a table am unable to do it.

[ElisonSherton]

Hi Vinishag,

Were you able to get a solution for this issue? I also want to do something like this. I have a product image and I want to see a catalogue of images and the Next/Previous button seems to be the best way to go about it.

If you have a soultion, I would be grateful if you could share it here.

Thanks!

[ElisonSherton]

Hi @Vinishag ,

It is possible to do the use case you mentioned above. I have demonstrated the same in this git repo. Basically using session state hack as mentioned by @andfanilo in the attached post works seamlessly to enable this usecase as shown below.

I have used the mpg cars dataset for just demo purposes, which could be found on kaggle here

Thanks & Hope this helps !