如何解决Dash引导No_Gutter类型错误

Question

当我运行这段代码时，会收到一条错误消息：" error：dash_bootstrap_components.Row组件(Version1.0.2)收到了一个意外的关键字参数：no_gutters允许的参数:对齐、子、className、class_name、id、className、loading_state、style“

我相信这是因为我使用的破折号引导版本。如何修改代码以使其工作？

app.layout = dbc.Container([

    dbc.Row(
        dbc.Col(html.H1("My Dashboard",
                        className='text-center'),
                width=12)
    ),

    dbc.Row([

        dbc.Col([
            dcc.Dropdown(id='my-dpdn', multi=False, value='A',
                         options=[{'label':x, 'value':x}
                                  for x in sorted(df['Value'].unique())],
                         ),
            dcc.Graph(id='line-fig', figure={})
        ],# width={'size':5, 'offset':1, 'order':1},
           xs=12, sm=12, md=12, lg=5, xl=5
        ),

        dbc.Col([
            dcc.Dropdown(id='my-dpdn2', multi=True, value=['B','C'],
                         options=[{'label':x, 'value':x}
                                  for x in sorted(df['Value'].unique())],
                         ),
            dcc.Graph(id='line-fig2', figure={})
        ], #width={'size':5, 'offset':0, 'order':2},
           xs=12, sm=12, md=12, lg=5, xl=5
        ),

    ], no_gutters=True, justify='start')


], fluid=True)

Answer 1

对于Dash引导组件，从1.0版本开始，Row组件的no_gutters属性已被废弃。您可能正在使用版本<= 0.13中的代码，请阅读此迁移指南以获得更改的详细信息。

你在这里有几个选择：

1. 阅读迁移指南将提出一种新的方法，不用“排水沟”移除标题行下的排水沟。

掉下了no_gutters道具。使用沟槽修饰符类代替。有关示例，请参见文档。

你可以把你的破折号-引导-组件库恢复到0.13 (例如。( pip install dash-bootstrap-components==0.13)，但不建议这样做。

Answer 2

您可以只需切换

no_gutters=True

为

className="g-0"