Create nested columns

I’ve not found a real workaround but you can kind of solve it by using custom HTML elements and st.markdown() to replicate columns for simple elements.

html3 = f"""
        <div class="total-dc"">
            <p>Total DC: £{account_sum_dc}<p>
            <p>TEST<p>
        </div>

        """

    st.markdown(html3, unsafe_allow_html=True)

Here is an example. I then use CSS via st.markdown() to make the html element into a grid with columns.

1 Like