This is a migrated thread and some comments may be shown as answers.

How to provide tooltip for grid columns

1 Answer 1036 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Mukesh
Top achievements
Rank 1
Mukesh asked on 03 Sep 2019, 07:08 AM
How to provide tooltip for grid columns. Is there any way to achieve that. 

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 03 Sep 2019, 07:43 AM

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

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Jenn
Top achievements
Rank 1
commented on 12 Jan 2022, 10:08 PM | edited

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
Telerik team
commented on 13 Jan 2022, 08:37 AM

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
Top achievements
Rank 1
commented on 13 Jan 2022, 06:35 PM

Ah, I see. So it can't be dynamic/reusable for other columns.
Stefan
Telerik team
commented on 14 Jan 2022, 05:58 AM

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
Top achievements
Rank 1
commented on 14 Jan 2022, 07:27 PM

Oh gotcha, I see what you mean now. Thanks for the clarification!
Tags
General Discussions
Asked by
Mukesh
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or