Ширина столбца 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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