Working with columns in Streamlit
In all of our apps prior to this point, we have viewed each Streamlit task as a top-down experience. We output text as our title, collect some user input below, and then put our visualizations below that. However, Streamlit allows us to format our app into dynamic columns using the st.beta_columns()
feature. As of now, the columns feature is in beta (hence the beta_
in the function name), but the feature should be out of beta at some point in 2021, where it will be called st.columns()
.
We can divide our Streamlit app into multiple columns of variable lengths, and then treat each column as its own unique space in our app to include text, graphs, images, or anything else we would like.
The syntax for columns in Streamlit uses with
notation, which you may already be familiar with for use cases such as resource management and dealing with opening and writing to files in Python. The easiest way to think about with
notation in Streamlit...