ag-grid 角度中的自定义工具提示部分可见

Posted 2023-03-28

【中文标题】ag-grid 角度中的自定义工具提示部分可见

【英文标题】：Custom tool tip in ag-grid angular is partially visible

【发布时间】：2021-04-27 15:29:37

【问题描述】：

我正在尝试在 ag-grid 中实现自定义工具提示，但工具提示部分可见。

作为参考，我在 Plunker 中有源代码。有两个农业干旱的例子作为例子。如果您将鼠标悬停在最后一行第一列的第一个 ag-grid 上，则工具提示部分可见。

有没有办法显示工具提示的全部内容。

代码链接：'http://plnkr.co/edit/QBfY00iJ8sxkZqym'

Updated Pic

【参考方案1】：

您需要在自定义工具提示组件中的:host 选择器上设置高度。例如。将其设置为300px，则工具提示应显示在鼠标指针的最后一行上方，使其完全可见。

Demo.

【讨论】：

感谢@ViqMontana 的回复，我在工具提示中的文字是动态的，所以不知道如何设置正确的高度。此外，在我的页面中，我需要显示多个 ag-grid，很少有网格只有 2-3 条记录/行，但在这种情况下，工具提示可能是 500 像素或更高的高度，工具提示也是部分可见的。有没有办法解决这个问题。感谢你的帮助。非常感谢！

我已经更新了复制我的问题的代码，如上所述。 plnkr.co/edit/QBfY00iJ8sxkZqym