Adding data table to page disables graph interactivity

I have a page with several graphs and chained callbacks. If, additionally, I add a datatable to the same page, all the interactivity related to the graphs gets disabled. No clicking, no area selecting, and hover doesn’t show anything either - the plots just become static for no reason - I certainly did not set them as static. Moreover, I tried explicitly setting 'staticPlot': False, but to no effect whatsoever.

If I hashtag the table out of the layout, everything works correctly again.

Here’s code for the table, just in case:

html.Div([
					dash_table.DataTable(
						id='pivot_table',
						columns=[
							{'name': i, 'id': i, 'deletable': False, 'selectable': True} for i in pivot.columns
						],
						data=pivot.to_dict('records'),
						editable=True,
						filter_action='none',
						sort_action='native',
						column_selectable='single',
						row_selectable=False,
						selected_columns=[],
						page_action='native',
						style_cell={
							'minWidth': 120, 'maxWidth': 120, 'width': 120
						},
						style_cell_conditional=[
							{
								'if': {'column_id': 'Team'},
								'textAlign': 'left'
							}
						]
					)
				])

I tried switching off specific options, but it doesn’t work either. Please, help me out, people. What could be the problem?

8 posts - 2 participants

Read full topic