【问题标题】:Custom tool tip in ag-grid angular is partially visibleag-grid 角度中的自定义工具提示部分可见
【发布时间】:2021-04-27 15:29:37
【问题描述】:

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

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

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

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

Updated Pic

【问题讨论】:

    标签: css bootstrap-modal ag-grid ag-grid-angular


    【解决方案1】:

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

    Demo.

    【讨论】:

    • 感谢@ViqMontana 的回复,我在工具提示中的文字是动态的,所以不知道如何设置正确的高度。此外,在我的页面中,我需要显示多个 ag-grid,很少有网格只有 2-3 条记录/行,但在这种情况下,工具提示可能是 500 像素或更高的高度,工具提示也是部分可见的。有没有办法解决这个问题。感谢你的帮助。非常感谢!
    • 我已经更新了复制我的问题的代码,如上所述。 plnkr.co/edit/QBfY00iJ8sxkZqym
    猜你喜欢
    • 2019-07-03
    • 2020-05-14
    • 2020-08-12
    • 2020-09-23
    • 2020-05-30
    • 1970-01-01
    • 2020-12-02
    • 2018-02-10
    • 2020-01-02
    相关资源
    最近更新 更多