如何在 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:如何根据同一行中其他单元格中的值更改单元格的颜色
Angular Ag-Grid:在 Ag Grid 单元格中添加 PrimeNg P-dropdown 作为 html 元素