How to add default headerTooltip in ag-grid which is the same value as the data in the cell?

Question

As the title says, I am using ag-grid and I want to add default tooltip on every grid in my app. The value of the tooltip should be the same as the value of the cell someone is hovering. I have tried using:

this.gridOptions.defaultColDef = {
 tooltip: (params) => {
  return params.value;
 }
};

but this doesn't do anything.

I do not want to add it in columnDefs, because then I would have to do it for every single column. Can anyone help?

Thank you.

I'm confused, do you want the tooltip to appear when you hover over a cell, or the column header? — ViqMontana, Jan 12 '21 at 15:39
Sorry, confusing on my part, I want the tooltip to appear when I hover over a cell — ljubomauzer, Jan 12 '21 at 15:52
Aswell, if my explanation is bad, it's really similar to this question https://stackoverflow.com/questions/57147736/ag-grid-defaultcoldef-not-re-applied-after-initial-component-load @ViqMontana — ljubomauzer, Jan 12 '21 at 15:58

score 2 · Accepted Answer · answered Jan 12 '21 at 16:10

2

You need to use the tooltipValueGetter property and set this in defaultColDef to params.value.

defaultColDef = {
      tooltipValueGetter: (params) => {
        return params.value;
      }
    };

Demo.

answered Jan 12 '21 at 16:10

ViqMontana

5,090
3
19
54

This will not add default tooltip to header but to the cells – Fabian Jun 22 '23 at 09:26

How to add default headerTooltip in ag-grid which is the same value as the data in the cell?

1 Answers1