Black Lives Matter. Please consider donating to Black Girls Code today.

Styling a multi-column page with a DataTable and Graphs

Hi
I’m new to Dash and front end development. I am building a Dash page where I have one DataTable and multiple Graphs.
I want to lay this out in three columns, like so:

| DataTable | Graph 1 | Graph 2 |
|     .     | Graph 3 | Graph 4 |
|     .     | Graph 5 | Graph 6 |
|     .     | 

If the window is not sufficiently wide, I want it to reflow to

| DataTable | Graph 1 |
|     .     | Graph 2 |
|     .     | Graph 3 |
|     .     | Graph 4 |
|           | Graph 5 |
|           | Graph 6 |

or, if needed,

| DataTable |
|     .     |
|     .     |
|     .     |
| Graph 1   |
| Graph 2   |
| Graph 3   |
| Graph 4   |
| Graph 5   |
| Graph 6   |

I want all the DataTable content to be visible (unless the window is not wide enough in the third example above).

I tried achieving this with the help of the grid defined in https://codepen.io/chriddyp/pen/dZVMbK.
This almost works, except it does not respect the with DataTable needs.

How do I force the column that DataTable is in to be at least as wide as the DataTable needs to be?

Thanks in advance!
Nick