如何使Ag-Grid工具提示重叠

时间:2019-07-24 13:50:29

标签: tooltip overlap ag-grid-angular

我通过创建实现ITooltipAngularComp接口的组件在Ag-Grid中成功创建了自定义工具提示。但是现在我无法使此工具提示与网格重叠,因此在许多情况下它会部分显示。如何使工具提示重叠在Ag-Grid上,使其完全显示? 预先谢谢你!

我试图创建一个位置为CSS的CSS:固定和绝对,但无法正常工作。

CSS应用于“自定义工具提示”:

:host {
    position: fixed;
    width: 300px;
    height: 170px;
    border: 1px solid black;
    overflow: hidden;
    pointer-events: none;
    opacity: 1;
    z-index: 200;
}

在这种情况下,使用position = fixed,我无法使工具提示与Ag-Grid单元格对齐。

:host {
    position: absolute;
    width: 300px;
    height: 170px;
    border: 1px solid black;
    overflow: hidden;
    pointer-events: none;
    opacity: 1;
    z-index: 200;
}

在这种情况下,使用position = absolute,我可以使工具提示看起来与Ag-Grid单元格对齐,但是它不与网格重叠。

由于网格限制,出现了部分工具提示

0 个答案:

没有答案