My tooltip does not appear

I have…

import ReactTooltip from 'react-tooltip'

<ReactTooltip effect="solid" />

<th data-tip={text} ... />

Just like the instructions say. If I uncheck a bunch of CSS rules then I can see the tool tip sitting empty on the screen.

But it doesn’t appear when I roll over the . What reason could there be for this?

[AndAShape]

I did this…

componentDidUpdate() {
   ReactTooltip.rebuild();
}

[aronhelser]

It’s because your generated table cells aren’t present when the Tooltip is created. You need to call .rebuild() after they are created so the tooltip can discover them.

On Thu, Feb 14, 2019 at 6:46 AM FruitAndAShape [e-mail] wrote:

It works if I add a tooltip to another page element. Why doesn’t it like my generated table header cells?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/wwayne/react-tooltip/issues/469#issuecomment-463598206, or mute the thread https://github.com/notifications/unsubscribe-auth/AS_pnXxHFqI6aoo5Wzg9bTs7uaJnyS-Qks5vNUyEgaJpZM4a6D10 .