Html components in st.beta_columns overlap with each other

🧩 Custom Components
1

Hello everyone,

I have made an application that displays information from a dataframe in the form of “cards”, using an html component for each card and then placing them on different columns of st.beta_columns.

My problem is that the content of each column overlaps with the others, while my desired behavior would be for the columns to have standard width and to expand horizontally for as wide as needed. In this case I would like to go to the cards on the far right by using e.g. a horizontal slider.

Have you encountered this issue and solved it somehow?

Thanks in advance!

2

Hello,

try to use st.plotly_chart(fig, use_container_width=True)