Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Datatable: Tooltip is not working in a column cell #5620

Closed
ozanbatuhanceylan opened this issue Dec 20, 2023 · 1 comment
Closed

Datatable: Tooltip is not working in a column cell #5620

ozanbatuhanceylan opened this issue Dec 20, 2023 · 1 comment
Assignees
@melloware
Labels
Resolution: By Design The behavior in the issue is by design and the component exhibits the expected behavior Resolution: Workaround Issue or pull request contains a workaround. It needs to be reviewed further by Core Team

Comments

@ozanbatuhanceylan
Copy link

Describe the bug

I want to add a tooltip to a cell to display full length of the cell content. When i add component to Column's body prop, tooltip is not activated

Reproducer

https://stackblitz.com/edit/vitejs-vite-d5rsqn?file=src%2FApp.tsx

PrimeReact version

latest

React version

18.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

  1. Create a datatable with at least one column.
  2. Create a body template in column's body prop and return a component with data-pr-tooltip attribute.
  3. Add a tooltip component to component.
  4. Tooltip is not working.

Expected behavior

Tooltip component should be working in a datatable column's cell
@ozanbatuhanceylan ozanbatuhanceylan added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 20, 2023
@melloware melloware added Resolution: By Design The behavior in the issue is by design and the component exhibits the expected behavior Resolution: Workaround Issue or pull request contains a workaround. It needs to be reviewed further by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Dec 20, 2023
@melloware melloware self-assigned this Dec 20, 2023
@melloware
Copy link
Member

Fixed your example: https://stackblitz.com/edit/vitejs-vite-qpmdhz?file=src%2FApp.tsx

Because the datatable cells don't exist yet when the tooltip is created you need to update the tooltip letting them know AFTER the products have been rendered in the table.

@melloware melloware closed this as not planned Won't fix, can't repro, duplicate, stale Dec 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@melloware melloware

Labels
Resolution: By Design The behavior in the issue is by design and the component exhibits the expected behavior Resolution: Workaround Issue or pull request contains a workaround. It needs to be reviewed further by Core Team
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@melloware @ozanbatuhanceylan