How to add button inside grid using streamlit

[info_testing]

We want to add the data inside a grid along with a button at the last column of the Grid.
How we can add the below data inside a Grid or DataFrame

using Streamlit

[Charly_Wargnier]

Hi @info_testing

Could you please send me the code you have, I’ll have a look!

Best,
Charly

[dataprofessor]

Hi @info_testing

As @Charly_Wargnier had pointed out, sharing your code would help us to see what you are trying to achieve in your app.

Based on the available info in the post, it seems you had already implemented the first part

@info_testing

We want to add the data inside a grid along with a button at the last column of the Grid.

As for the second part

@info_testing

How we can add the below data inside a Grid or DataFrame

You can use st.dataframe (st.dataframe - Streamlit Docs) or st.data_editor (st.data_editor - Streamlit Docs) for displaying dataframes.

Additionally, the Docs page has a dedicated section on various other ways to display tabular data:

Data elements - Streamlit Docs

Hope this helps!

[Sarnath_K]

I believe @info_testing is asking about how to do the first part (i.e. display buttons at the end of a dataframe’s last column)
I also have the same question. How do we do this?
@dataprofessor @Charly_Wargnier

[Sarnath_K]

I found this stackoverlow answer solve the issue.

Check Constantine Kurbatov’s answer. The “red” lines in the image he has shown are just used to hide the fields (I initially mistook them as buttons and got confused)

Streamlit how to display buttons in a single line