title: Adjust plotly-Dash table column width
body: <p>I want to adjust the width of columns in Dash table (created from Pandas Dataframe). There are 3 columns in table :
  Path
  Scenario
  Step</p>
  <p>I want to set the column width of first column (Path) to 10% and the second column (Scenario) to 40% and the last column (Step) to 50%.</p>
  <p>I am running below code, but the column width changes are not working as expected. &quot;Path&quot; column is taking more than 50% of width and &quot;Steps&quot; column around 20%.
  Dataframe name is dfSteps</p>
  <pre><code>                columns=[{&quot;name&quot;: i, &quot;id&quot;: i} for i in dfSteps.columns],
                  data=dfSteps.to_dict('records'),
  
                  style_header={
                      'backgroundColor': 'rgb(230, 230, 230)',
                      'fontWeight': 'bold'
                  },
                 style_table={
                      'maxWidth': '2000px',
                      'overflowX': 'scroll',
                      'border': 'thin lightgrey solid'
                  },
  
                   style_cell={
                      'font_family': 'cursive',
                      'font_size': '16px',
                      'border': '1px solid grey',
                      'minWidth': '1px', 'width': 'fixed', 'maxWidth': '1000px',
                      'textAlign': 'left', 'whiteSpace': 'normal'
  
                   },
              
                  style_cell_conditional=[
                      {'if': {'column_id': 'Path'},
                       'width': '10%'},
                      {'if': {'column_id': 'Scenario'},
                       'width': '40%'},
                      {'if': {'column_id': 'Path'},
                       'width': '50%'},
                  ],
          ),
  </code></pre>