Ag-grid 自定义工具提示位置更改

Posted 2023-03-28

技术标签:

【中文标题】Ag-grid 自定义工具提示位置更改【英文标题】：Ag-grid custom tooltip position change 【发布时间】：2020-08-12 04:56:05 【问题描述】：

如何更改自定义工具提示的位置？示例：始终显示在表格的右上角

目前始终显示在光标下方： pic1

我想在表格的右上角显示： pic2

来自Ag-grid官网的代码示例：

https://www.ag-grid.com/javascript-grid-tooltip-component/#example-custom-tooltip

感谢您的帮助！

Ag-grid 版本：23

【问题讨论】：

【参考方案1】：

有一个tooltip-component，其中的样式由 Ag-Grid 自动添加。

尝试添加以下 CSS：

.ag-tooltip-custom 
  top: 5px !important;
  right: 14px !important;
  left: auto !important;

!important 很重要，因为我们需要覆盖给tooltip-component 的style。

在图片中我已添加到.ag-popup-child，但您应该将其添加到.ag-tooltip-custom。你也可以玩弄数字。

【讨论】：

以上是关于Ag-grid 自定义工具提示位置更改的主要内容，如果未能解决你的问题，请参考以下文章