We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

How to add tooltip for gird cell based on data value

Answered
baskar asked on July 18, 2023

need to show values in tooltip
https://jsfiddle.net/flexmonster/euL68hzr/16/

2 answers

Public
Maksym Diachenko Maksym Diachenko Flexmonster July 18, 2023

Hello, 

Thank you for your question.

Tooltips can be added to all data cells via the customizeCell() API call. We suggest adding a separate tooltip tag with a title attribute to each cell.

cell.text = cell.text + `<div class='tooltip' title='${data.label}'></div>`;

Also, tooltip tags should be aligned with CSS to fill the cell. You are welcome to check the example: https://jsfiddle.net/flexmonster/74gt3ukr/ 

Please let us know if this solution would work for you.

Best Regards,
Maksym

Public
Maksym Diachenko Maksym Diachenko Flexmonster July 27, 2023

Hello, 

Hope you are doing well.
Our team is wondering if you had time to check the provided approach for tooltip implementation. 
Please let us know if it works for you.

Best Regards,
Maksym

Please login or Register to Submit Answer