dash icon indicating copy to clipboard operation
dash copied to clipboard

dashtable with pagination: tooltips appear in wrong place

Open HeinerTholen opened this issue 3 years ago • 5 comments

Describe your context

  • packages
dash                              2.0.0
dash-auth                         1.4.1
dash-colorscales                  0.0.4
dash-daq                          0.5.0
dash-renderer                     1.9.1
  • It's frontend related:

    • OS: MacOS 11 (Big Sur)
    • Browser: Firefox
    • Version 94.0.2

Describe the bug

When using dashtable pagination together with tooltips, then the tooltips only appear correctly on page one. On all other pages, the tooltip appears in the top left of the table (see screenshot).

This bug might be connected to row_index more generally. We found that style_data_conditional using row_index to specify the row of a table doesn't work on pages 2+ either.

Expected behavior

Tooltips should appear at the correct position.n all pages of a paginated dash-tables.

Screenshots

dash-table-bug

HeinerTholen avatar Dec 01 '21 13:12 HeinerTholen

There is a pull request related to this issue in plotly/dash-table repo but it wasn't merged. Could it be copied to current repository? https://github.com/plotly/dash-table/pull/906

adlerberg0 avatar Feb 08 '22 14:02 adlerberg0

Looks like https://github.com/plotly/dash-table/pull/906 has some open items but should be relatively straightforward to bring it over here and finish it - if anyone would like to give it a shot we'd be happy to help get it finished 😄

alexcjohnson avatar Feb 10 '22 16:02 alexcjohnson

I also see this problem. The many first items in page 1 is working. But when scrolling down, it gets more weird?

tlinnet avatar Feb 21 '22 12:02 tlinnet

Hi can I have a crack at finishing this?

kenshima4 avatar Sep 13 '23 13:09 kenshima4