如何在 ag-grid 中添加与单元格中的数据相同的默认 headerTooltip?

Posted

技术标签:

【中文标题】如何在 ag-grid 中添加与单元格中的数据相同的默认 headerTooltip?【英文标题】:How to add default headerTooltip in ag-grid which is the same value as the data in the cell? 【发布时间】:2021-04-17 14:08:51 【问题描述】:

正如标题所说,我正在使用 ag-grid,我想在我的应用程序的每个网格上添加默认工具提示。工具提示的值应该与有人悬停的单元格的值相同。我试过使用:

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

但这没有任何作用。

我不想在 columnDefs 中添加它,因为那样我就必须为每一列都添加它。有人可以帮忙吗?

谢谢。

【问题讨论】:

我很困惑,您希望将鼠标悬停在单元格或列标题上时显示工具提示吗? 抱歉,我有点困惑,我希望当我将鼠标悬停在单元格上时出现工具提示 另外,如果我的解释不好,它真的和这个问题很相似***.com/questions/57147736/…@ViqMontana 【参考方案1】:

您需要使用tooltipValueGetter 属性并将其在defaultColDef 中设置为params.value

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

Demo.

【讨论】:

以上是关于如何在 ag-grid 中添加与单元格中的数据相同的默认 headerTooltip?的主要内容,如果未能解决你的问题,请参考以下文章

AG-Grid:如何根据同一行中其他单元格中的值更改单元格的颜色

如何在单个 ag-grid 单元格中显示两列值?

Angular Ag-Grid:在 Ag Grid 单元格中添加 PrimeNg P-dropdown 作为 html 元素

如何在一个ag-grid单元格中显示两个列值?

如何在角度的 ag-grid 单元格中应用自定义 css 类?

如何在 Ag-Grid 中将相同的相邻行与动态行跨度合并? [关闭]