I created a table with a tooltip, my whole dash app is filtered by filters from a dropdown and it’s working fine! But, the problem is: The tooltip isn’t working as it should be.
When the filters (any of them) are applied, the tooltip is showing the original data from the table, and not the filtered one…
Follows the code from the table, for the tooltip works with the filter, how would be the callback?
html.Div([
html.Div([
html.H3(children="Table", style={"margin-top": "25px", 'textAlign': 'center'}),
dash_table.DataTable(
id="tablef",
style_data={
'maxWidth': 710,
'textOverflow': 'ellipsis',
},
style_table={
'overflowX': 'scroll',
"maegin-top": "15px",
},
columns=[{"name": i, "id": i, 'deletable': True} for i in dff.columns],
data=dff.to_dict('records'),
filter_action='native',
style_cell={
'textAlign': 'left'
},
tooltip_data=[{
column: {'value': str(value), 'type': 'markdown'}
for column, value in row.items()
} for row in dff.to_dict('records')],
tooltip_delay=0,
tooltip_duration=None,
page_size=25,
),
], className='col-md-10'),
], className='row')