You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Streamlit 1.29.0侧边栏按钮并排失效问题及解决方案咨询

Streamlit侧边栏按钮并排失效原因及解决办法

失效原因

你之前的代码问题出在列容器上下文内仍调用st.sidebar.button():当你创建st.sidebar.columns(2)得到列容器后,在with col1/col2块里使用st.sidebar.button(),会直接把按钮渲染到侧边栏的根层级,完全绕过了列容器的布局约束,所以按钮还是会上下排列。

解决办法

只需要把列上下文里的st.sidebar.button()改成st.button()即可,代码如下:

col1, col2 = st.sidebar.columns(2)
with col1:
    st.button("Add")
with col2:
    st.button("Remove")

在Streamlit的列容器上下文内,直接调用st.button()会自动将元素绑定到当前列的侧边栏区域,从而实现并排布局。

如果需要更灵活的样式控制,也可以通过自定义CSS调整按钮的display属性,但上述方法是官方推荐的原生布局方案,更简洁可靠。

内容的提问来源于stack exchange,提问作者Valeria

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 10:24:51