How to display a table and its plot side by side with an adjusted height

Using Streamlit
1

Hi community,
I’m trying to display a table and its plot side by side in a page.
The goal is that the plot’s height matches with the table’s one !

I tried with st.container() and st.columns() combined but it does not work. The plot is much longer than the table (see image below).

import streamlit as st
import plotly.express as px

long_df = px.data.medals_long()

fig = px.bar(long_df, x="nation", y="count",
                color="medal", title="Long-Form Input")

data_container = st.container()

with data_container:
    table, plot = st.columns(2)
    with table:
        st.table(long_df)
    with plot:
        st.plotly_chart(fig, use_container_width=True)

Here is the output :

image
image1205×416 10.3 KB

Do you know how to fix this please ?

Important detail : I’m using different tables, so the number of rows is changing constantly.

2

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.