Dash Table occupying entire width of browser

Dash Python
1

I’m not able to figure out which property I need to fiddle with in order to reduce the area occupied by the dash table. Here’s my code snippet for the dash table:

 dash_table.DataTable(
            data=summ.to_dict('records'),
            columns=[{'name': i, 'id': i} for i in summ.columns],
            style_cell={'textAlign': 'center'},
            page_size=10
)

image
image2571×718 27.7 KB

2

@philo

Just use a html.Div and style to do that:

html.Div([
      dash_table.DataTable(
            data=summ.to_dict('records'),
            columns=[{'name': i, 'id': i} for i in summ.columns],
            style_cell={'textAlign': 'center'},
            page_size=10)
      ], style={'width': '50%'})
1 Like