How to show tooltip in react data table component

Viewed 668
1 Answers

You can create your own tooltip component or use @tippyjs/react package and then wrap the <Tippy /> component around the element, supplying the tooltip's content as the content prop. Example is as below:

{
        name: (
            <Tippy content="Hello">
                <div>Hello</div>
            </Tippy>
        ),

 }

Ref: https://github.com/atomiks/tippyjs-react

Related