Any way to group together inputs horizontally?

Is there some easy way to group 3 inputs together horizontally? I’m managing it with 3 st.columns but I since can’t put a column inside another column, this limits what I do with the layout. I’m making N set of 3 inputs with a for loop.

I want something like Dash bootstrap dbc.InputGroup so I can say “these 3 inputs are together”

1 Like

hi @Marcos_Huerta
you could use columns and the expander for this:

    cols=st.columns(3)
    with cols[0]:
        a = st.text_input('name')
    with cols[1]:
        a = st.text_input('Year')
    with cols[2]:
        a = st.text_input('other field')```

not exactly the same but hopefully close enough. Otherwise there are always the react components, but this will be much more work.

![widget_group|690x143](upload://qlpBjAjxPiqpIRTgqLfiUZHDFo0.png)

+1 Very good question. I was facing the same problem and didn’t find a solution, so I somehow worked around it.
I read somewhere on Github that the streamlit team is actually working on providing more support for different layouts beyond simply splitting the app into columns. Maybe some if the streamlit developers can provide some insights.

Github:

(+ some more)

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.