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	21659	June 25, 2024
Horizontally align columns with text and images Using Streamlit	12	7626	April 30, 2023
Add Image and header to Streamlit dataframe / table Using Streamlit	6	8960	April 11, 2025
Resizing images from the folder Using Streamlit	2	1279	June 8, 2023
Horizontal layout of images Using Streamlit	3	2136	May 13, 2022

Align Columns Height

Related topics