Hi Team, Below is the example of st.columns options. using that three cols were created and images were added but the height of the images are different. Is there a way to align the column height. [image] This is not looking nice right… kindly suggest me a way forward. either my style or by stre…

Hi @sridharr , someone had attempted this before. See if this link helps you: [image] Grid of images with the same height? 🎈 Using Streamlit Hi! I’m working on a book recommendation system based on a LDA model and want to show the book options on one page. Right now I’m u…

@Shawn_Pereira Thanks for the reply. In quoted case, images are in columns but suppose i want one column as image and another columns as dataframe or table then how should we maintain the same column height.

You would probably need use AG grid and set the height to the height of your picture. Regardless, you may need to resize your pictures so that they are of the same height. Cheers

Hi, Can you give some coding examples from your experience.

Here are some links you can go through: [image] Ag-Grid component with input support streamlit-aggrid Oh you are right, my fault. I found that images work too!!! This an example of the incredible potential of streamlit+aggrid [image] [image] Ag-G…

Align Columns Height

Show the Community!

Shawn_Pereira June 24, 2022, 8:47am 3

Hi @sridharr , someone had attempted this before. See if this link helps you:

Cheers

Topic		Replies	Views
Grid of images with the same height? Using Streamlit	11	21682	June 25, 2024
Horizontally align columns with text and images Using Streamlit	11	7719	April 30, 2023
Add Image and header to Streamlit dataframe / table Using Streamlit	5	8966	April 11, 2024
Resizing images from the folder Using Streamlit	1	1285	June 8, 2022
Horizontal layout of images Using Streamlit	2	2141	March 9, 2021

Align Columns Height

Related topics