Control Number of Columns Inside Tabs

[caiyij]

Do you mean placing them side by side? Have you tried the code below?

html.Div([
        html.Div([
            ...
        ], className="six columns"),

        html.Div([
            ...
        ], className="six columns"),
    ], className="row")
])

Two graphs, side by side

CSS is a good way to do this. Here’s an example using the default style sheet (https://codepen.io/chriddyp/pen/bWLwgP): import dash import dash_html_components as html import dash_core_components as dcc app = dash.Dash() app.layout = html.Div([ html.Div([ html.Div([ html.H3('Column 1'), dcc.Graph(id='g1', figure={'data': [{'y': [1, 2, 3]}]}) ], className="six columns"), html.Div([ html.H3('Column 2'), dcc.Graph(id='g2…