Plotly Dash dbc column width

1 week ago 11
ARTICLE AD BOX

In a Plotly Dash application I'm trying to use the horizontal space optimaly.

There are four columns in the first row. Right now this is what I have:

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 )

Each of the 4 columns is taking a quarter of the width. That is the problem. I need that each column take no more and no less than the necessary width. The fourth column, a dropdown list, don't get enough, while the first two columns take too much.

enter image description here

How to make the radio items and checklist to use the least width possible and let the right side dropdown use as much as necessary?

Read Entire Article