Multiple download buttons on the same line

I produced a few tables in Streamlit and would like to show the download buttons for this table in various formats underneath it. This is working as intended, the only problem I have is that the buttons are shown below each other.

I am aware that this was a topic before (for instance here), the problem of this approach (with separate columns) is that the gap depends on the size of the screen/window.

Is there by now a possibility to show the buttons directly next to each other without having to rely on columns (or with columns, if it serves the purpose)? I am also open to other solutions of course :slight_smile:

Thank you!

Hey @johanneswerner,

You can use square brackets to define the width of the columns so that the gap is smaller: left, right = st.columns([.5,1])

2 Likes

Dear @Caroline

thank you for your reply. If I understand correctly, then the gap would be different depending if I look at the streamlit app on a mobile device or a wide screen. How can I ensure that the buttons (in my case three or four depending on the table) are aligned to the left with a small gap in-between (regardless of the window size)?

Does anyone have an idea on how to deal with that issue? Is it possible to modify the buttons after creation with CSS?