Hi
I’m new to Dash and front end development. I am building a Dash page where I have one DataTable
and multiple Graph
s.
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