How can I allocate the width of my Dash Datatable in my dashboard?

Dash Python
4

Hi @cthompsonlbi

Here is an example with two datatables side by side:

import dash
from dash import  html, dash_table
import dash_bootstrap_components as dbc
import plotly.express as px

df= px.data.tips()

table = html.Div(dash_table.DataTable(
    df.to_dict('records'),
    columns = [{"name": i, "id": i} for i in df.columns],
    style_table={'overflowX': 'auto',},
    page_size=10,
), className="m-5")

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])

app.layout = dbc.Container(
    [
        dbc.Row(
            [
                dbc.Col(table, width=6),
                dbc.Col(table, width=6)
            ],
        )
    ], fluid=True
)



if __name__ =="__main__":
    app.run_server(debug=True)

image