Ширина столбца dbc Plotly DashCSS

Разбираемся в CSS
Anonymous
Ширина столбца dbc Plotly Dash

Сообщение Anonymous »

В приложении Plotly Dash я пытаюсь оптимально использовать горизонтальное пространство.
Сейчас у меня есть вот что:

Код: Выделить всё

from dash import Dash, dcc, html, Input, Output, callback, dependencies
import dash_bootstrap_components as dbc
...
app.layout = dbc.Container(
[
dbc.Row([
dbc.Col(tipo),
dbc.Col(combustivel),
dbc.Col(marcas_dd),
dbc.Col(modelos_dd)
],
),
dbc.Row(dbc.Col(grafico)),
],
style = {'padding': '20px'},
fluid = True
)
Внутри столбцов dbc есть элементы dcc. Переключатели и флажки, содержащиеся в столбцах dbc, занимают много места, а раскрывающийся список в другом столбце dbc с правой стороны сжимается, нарушая строки параметров.
Каждый из 4 столбцов занимает четверть ширины.
Изображение

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

Подробнее здесь: https://stackoverflow.com/questions/798 ... lumn-width

Вернуться в «CSS»