Controlling dbc.Col position

Dash Python
2

Hi @jowairya

When working with a more complex layout, I find it helpful to break it down into simpler components and then adding them to the layout using a variable name.

For example:



card_group = html.Div(
    [

        dbc.Row(
            [
                dbc.Col(dbc.Card("One of two columns")),
                dbc.Col(dbc.Card("One of two columns")),
            ]
        ),
        dbc.Row(dbc.Col(dbc.Card("A single column"))),
    ]
)

app.layout = dbc.Container(
    [
        dbc.Row(
            [
                dbc.Col(dbc.Card("This is the table")),
                dbc.Col(card_group)
            ]
        )

    ],
    fluid=True,
)