How to position a table in the center

Using Streamlit
1

Hi,
I am building my web app with tables of data and plots.
However, everytime I try to visualize data they are always put at the left corner.
If I want to optimise the space of the page I may want to put two table side by side or if I only have one table, to put it in the center.
Therefore the question is: is there a way to tell st.write or st.plotly_chart where you want to position (left, right, center) your table/graph?
Thanks
Luigi

2

By default, tables/plots will always be displayed in the center unless we change it. In streamlit version 0.65.0, you can specify layout as wide or centered
Pls refer to : https://docs.streamlit.io/en/latest/api.html#streamlit.beta_set_page_config

st.beta_set_page_config(
layout=ā€œwideā€,
)

Not sure whether it solves your purposeā€¦Pls give it a try if you havenā€™t already

1 Like
3

Thanks for answering.
Well ā€œBy default, tables/plots will always be displayed in the center unless we change it.ā€ this seems not to be true because in my case the table I want to write is on the left side, not in the center.
My code for that is

st.header(ā€˜Statisticsā€™)
st.write(df.describe())
st.write("\n")

maybe I should use another command rather than write, no idea.
Anyway your suggestion does not solve the issue because that is referred to all the elements in the page and also it only applies to figures not to my previous command, my table still remains on the left.
Any other suggestions? Thanks!

4

Are you using any css? or changing layout through html tags in st.markdown(***, unsafe_allow_html=True)? If its not being used, I am not quite sure about this weird behaviorā€¦

Positioning can be mentioned through st.markdown. eg) How to center images, Latex header, title etc.?

I am getting center formatted table with those 3 lines of code as expected.
Pls find below

image
image2219Ɨ573 34.5 KB

sample.py
import streamlit as st
import pandas as pd
df = pd.read_csv("***.csv")
st.header(ā€˜Statisticsā€™)
st.write(df.describe())
st.write("\n")

With my limited knowledge, these are the only suggestions :frowning:

5

Thanks for answering.
No I am not using any css or html it is simply a streamilit/python code
I think your table seems in the middle just because it is long, if you only plot the first column I guess you will get a situation like mine,

Cattura
Cattura1652Ɨ603 30.3 KB

with the table on the left side

6

Got it. Probably for now you could use a Transposeā€¦st.write(df.describe().T) to get the table visibility in the center as you expect for such dataframe describe.

Some one else from the community might be of helpā€¦

7

yes that can be an option
Thanks for helping
Luigi

8

Hi
Had a same problem. Passing (casting) dataframe as type ā€˜objectā€™ solved it or in fact workaround it (table got wide, hence not looking left aligned).
Eg. st.write(df.astype(ā€˜objectā€™))