I installed dash-bootstrap-components and it uninstalled dash packages and installed them again with newer versions. And that broke my code which was working fine.
Exactly, it broke the dash_table_experiments ! Since, I’m working on a multi page dash app, and after going through some threads in the community here, it seems like everyone is talking about adding hidden dash-table-experiments
component in the layout
like:
html.Div(dt.DataTable(rows=[{}]), style={‘display’: ‘none’})
I tried it, and it didn’t fix my problem(I have two dash_table_experiments, one in the first tab(tab-1) and another table in the second tab(tab-2)). I’m adding screenshots and some code to illustrate the issue.
################
#some imports here
################
app.layout = html.Div([
dcc.Tabs(id="tabs-styled-with-inline", value='tab-1', children=[
dcc.Tab(label='Data', value='tab-1', style=tab_style, selected_style=tab_selected_style, children=
tab1content.app.layout
),
dcc.Tab(label='visualize', value='tab-2', style=tab_style, selected_style=tab_selected_style , children=
tab2content.app.layout),
dcc.Tab(label='Clustering', value='tab-3', style=tab_style, selected_style=tab_selected_style, children=
tab3Content.app.layout),
dcc.Tab(label='Reports', value='tab-4', style=tab_style, selected_style=tab_selected_style, children=tab4content.app.layout),
], style=tabs_styles),
html.Div(id='tabs-content-inline'),
#I tried adding it here and at the begging of the app.layout but they both didn't work
html.Div(dt.DataTable(rows=[{}]), style={‘display’: ‘none’})
])
########
#Callbacks
########
By the way, the new dev_tools_ui is awesome, but it’s a shame that the first time it popout it brought a bunch of errors to my code.
One more thing everything worked fine before the upgrade happened ^^