Suppose my app layout consists of some rows and columns with data/graphs/tables/etc in them:
html.Div([ dbc.Row([ dbc.Col([<content_0>]), dbc.Col([<content_1>]) ]), dbc.Row([ dbc.Col([<content_2>]), dbc.Col([<content_3>]) ]) ], id='container' )
Now I would like to rearrange the content when the user presses a tab. For example rearrange this to 1Row x 4Cols instead of the 2Rows x 2Cols. The content stays absolutely the same though.
This is easily done with server side callbacks, by targeting the
Output and having all the contents as
State. Unfortunately that also means having to sent all the contents data over the network and with a lot of data this takes a lot of time.
I have found this related post but cant figure out a solution