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