Best way to style tables in streamlit?

[arilamstein]

I have created a streamlit app that lets people explore how US counties changed during Covid. The app calculates the percent change between 2019 and 2021 for various demographic statistics.

Part of the app is a “Ranking Table” that I am rendering using st.dataframe(). Here is a screenshot of the table:

I would like to add some basic styling to this table. For example, I think setting the Percent Change column to have a gradient background would help users immediately understand what they are supposed to focus on, and the relationship of the numbers in that column. I also think it would be nice to highlight the row which corresponds to the selected county.

I’ve searched around online and there seem to be various ways to do do this. I am still fairly new to Pandas and Streamlit. Is there a best practice here that I should be aware of?

Thanks.

[dataprofessor]

Hi @arilamstein

There are related threads that provide some code snippets on styling tables:

Pandas styler with custom style

Thanks a lot @willhuang ! it does work indeed Please let me take advantage to ask: do you know if this can be applied to the header? I do it with import streamlit as st import pandas as pd data = { 'A': [1, 2, 3, 4, 5], 'B': [5, 4, 3, 2, 1], 'C': [5, 4, 3, 2, 1], } df = pd.DataFrame(data) def color_red_column(col): return ['color: red; font-weight: bold' for _ in col] def color_backgroubd_red_column(col): return ['background-color: red' for _ in col] hea…

Beautify st.table or st.dataframe quick tips please

Trying to show something to a friend/client has a few tables. A little beautification will make it more professional… i think… looking for a few quick tips please… Thanks