plotly / plotly/dash

dashtable with pagination: tooltips appear in wrong place

Open
#1,848 8 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug dash-data-table good first issue P3
Dominant language
Python
Stars
24.4k
Forks
2.3k
Avg merge
2d 7h
Merged PRs (30d)
13

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

dash-table-bug

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce a paginated dashtable with tooltips in Firefox, comparing page one with later pages and checking the related row_index behavior. Start by tracing the frontend table and tooltip handling from the reproduction; done means tooltips appear in the correct position and row_index-based styling works on every page.

Written by the indexing model from the issue text.

Assessment

Tech stack
python, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.