plotly/dash

dashtable with pagination: tooltips appear in wrong place

Open

#1848 opened on Dec 1, 2021

View on GitHub
 (8 comments) (0 reactions) (0 assignees)Python (20,317 stars) (1,973 forks)batch import
P3bugdash-data-tablegood first issue

Description

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

Contributor guide

Tech stack
pythonreactjavascript
Domain
frontenddata
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Dash framework basicsJavaScript fundamentals
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the tooltip positioning logic in the Dash table component, likely in the dash table package. Focus on how pagination affects row indexing and tooltip placement, especially the interaction with style data conditional and row index. Review the comments in the issue for any additional clues, and check if there are existing tests or code related to tooltip positioning on paginated tables.