[Solved] How to provide tooltip for grid columns

[Mukesh]

How to provide tooltip for grid columns. Is there any way to achieve that. 

[Stefan]

Hello, Mukesh,

This can be done using cell and headerCell render to add the title attribute to the cell.

This is an example of how it can be done:

https://stackblitz.com/edit/react-wzgtup?file=main.jsx

 

Regards,
Stefan
Progress Telerik

[Jenn]

Hi Stefan --

For the GridColumn Title, is there a way to add a customized tooltip text? That is, different from the GridColumn Title itself.

I saw the option to add this attribute to the GridColumn component:  Tooltip="test"

But tooltip didn't show up on hover over the title.

[Stefan]

Hello,

Yes, you can add any text as you have full access to the component:

https://stackblitz.com/edit/react-wzgtup-zsyl75?file=app%2Fmain.jsx

[Jenn]

Ah, I see. So it can't be dynamic/reusable for other columns.

[Stefan]

Hello,

It can be, you have the column information inside that component. That allows setting different values based on the used column.

If there is a specific case that is not possible, please share an example and I will take a look at that specific setup.

[Jenn]

Oh gotcha, I see what you mean now. Thanks for the clarification!