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

Custom Components
1

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

image
image936×504 25.3 KB

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.

2

Hey @Vinishag welcome to the community !

I had replied with something similar on this thread,

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 ! :slight_smile:

3

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.

4

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!

5

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.

streamlit-display_df-2021-02-04-17-02-21

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

Thanks & Hope this helps :slight_smile: !

1 Like