Tooltip position appears in upper left corner after filtering or sorting in the datatable

dash==1.9.1
dash-table==4.6.1

I have a filterable, sortable (by column) dash datatable.

The tooltip shows up fine when sorting/filtering is not active in the table. However, the tooltip appears at unexpected position (upper left most corner in the current datatable). How do I fix this?? Thank you!!!

Best,
Cheryl

Thanks for reporting! Could you share a simple example and/or a screenshot? This sounds like a bug

Hi @chriddyp,

Thank you for the reply!!

Here is an example:
I have the original datatable like the following

The tooltips show up fine without filtering. However, they jump around when I have filtered on the first column (as shown ezgif.com-crop|498x328)

Please let me know if you have any questions! Thank you!

Furthermore,

Here is the code I used to create the table above.

sample_data = pd.DataFrame([['A', 'row 1 column 2', 'row 1 column 2'],
                            ['A', 'row 1 column 2', 'row 1 column 3'],
                            ['B', 'row 2 column 2', 'row 2 column 3'],
                            ['C', 'row 3 column 2', 'row 3 column 3'],
                            ['A', 'row 4 column 2', 'row 4 column 3'],
                            ['B', 'row 5 column 2', 'row 5 column 3'],
                            ['C', 'row 6 column 2', 'row 6 column 3'],
                            ['A', 'row 7 column 2', 'row 7 column 3'],
                            ['B', 'row 8 column 2', 'row 8 column 3'],
                            ['C', 'row 9 column 2', 'row 9 column 3'],
                            ['A', 'row 10 column 2', 'row 10 column 3'],
                            ['B', 'row 11 column 2', 'row 11 column 3'],
                            ['C', 'row 12 column 2', 'row 12 column 3'],
                            ['A', 'row 13 column 2', 'row 13 column 3'],
                            ['B', 'row 14 column 2', 'row 14 column 3'],
                            ['C', 'row 15 column 2', 'row 15 column 3'],
                            ['A', 'row 16 column 2', 'row 16 column 3'],
                            ['B', 'row 17 column 2', 'row 17 column 3'],
                            ['C', 'row 18 column 2', 'row 18 column 3']], columns=["Column 1", "Column 2", "Column 3"])

layout = html.Div(className='container-fluid', children=[
    html.Div(id='unavailable-container', className='table-container', children=[
        dash_table.DataTable(
            id='datatable-interactivity-cid',
            columns=[{"name": i, "id": i, "deletable": True} for i in sample_data.columns],
            data=sample_data.to_dict("rows"),
            fixed_rows={'headers': True, 'data': 0},
            style_cell={'minWidth': '250px', 'width': '250px', 'maxWidth': '250px',
                        'whiteSpace': 'normal'},
            filter_action="native",
            sort_action="native",
            sort_mode="multi",
            style_table={
                'width': '600px', 'height': '500px'
            },
            tooltip_data=[
                {
                    col: str(sample_data.loc[i, col]) for col in sample_data.columns
                } for i in range(0, sample_data.shape[0])
            ]
        )
    ]),
])