Блог

Главная - Вопросы по программированию - Тире: как развернуть компоненты, чтобы заполнить оставшееся горизонтальное и вертикальное пространство

Тире: как развернуть компоненты, чтобы заполнить оставшееся горизонтальное и вертикальное пространство

#python #plotly-dash

Вопрос:

У меня есть несколько дивов, кнопок и выпадающих списков, которые я хотел бы заполнить оставшимся доступным для них пространством? Как я могу сделать такое?

Примером может служить:

 import dash
import dash_bootstrap_components as dbc

app = dash.Dash(external_stylesheets=[dbc.themes.CERULEAN])

app.layout = 
    dbc.Container 
            ([
            dbc.Row([
                dbc.Col
                    ([
                    dbc.Row([dbc.Button("Graph here", style={"width": "100%"})]), # make this fill the available height
                    dbc.Row([dbc.Button("Load file",  style={"width": "50%"}), dbc.Button("Load a different file") # make this button fill available width]),
                ], width=9),
                dbc.Col
                    ([
                    dbc.Row([dbc.Button("Choose data",  style={"width": "100%"})]),
                    dbc.Row([dbc.Button("Change graph", style={"width": "100%"})]), # make this fill available height
                ], width=3)
            ])
        ], fluid=True)

if __name__ == "__main__":
    app.run_server(debug=False, port=8050)
Метки: ,