Hover text or title text on Plotly table cells

Summary

I have a plotly table I created and I want to use emojis for a narrower column in my table.

However I also want to be able to hover on the cell and either through html or plotly itself display a text box describing what the symbol actual represents.

If possible using html, or if not change the plotly graph object itself

Example of the kind of thing I want when I hover over the icons
image

Code snippet (if that helps):

        self.table = go.Figure(data=[go.Table(
            columnwidth = [150,160, 180, 55, 600],
            header=dict(values=list(map(self.bolden, list(df_display.columns))),
                        fill_color=f'{self.header_color}',
                        font_size=15,
                        font_color='white',
                        align='left'),
            cells=dict(values=df_display.transpose().values.tolist(),
                        fill_color='#f0f2f6',
                        align='left',
                        font_size=15,
                        ))])
        
        self.table.update_layout(height=550, margin=dict(l=0, r=10, t=5, b=0))

        st.plotly_chart(self.table, use_container_width=True)

Debug info

  • Streamlit version: 1.19