Dtale integration with Streamlit

[tjsxstreamlit]

Currently I have following streamlit screen:

with following code:

import streamlit as st

st.markdown("""
    <style>
      section[data-testid="stSidebar"] {
        top: 10%; 
      }
    </style>""", unsafe_allow_html=True)

st.sidebar.title('Sidebar Title')
st.title('Main Title')

I want to add dtale view of dataframe df below Main Title. Please help me with a code snippet.
I tried following github link from discussion, but since I am new to streamlit, I couldn’t make much progress.

[dataprofessor]

Hi @tjsxstreamlit

Perhaps you can use this as the starting point which is a working example that embeds Dtale in a Streamlit app:

man-group/dtale/blob/master/docs/streamlit/script_columns_and_code.py