工具提示被固定列隐藏

Question

愿景：

• 角度：2.4.9
• ag-grid-angular：16.0.0
• bootstrap：4.0.0-alpha.5
• ngx-bootstrap：1.6.6

我使用ag-grid来冻结表的前两列，然后覆盖比第二列长的工具提示宽度。然后它看起来像这样：

enter image description here

工具提示权由列覆盖。

我试着设定

z-index: 99999 !import

但不行。有人知道吗？

Answer 1

将工具提示附加到正文。

<button type="button" class="btn btn-success"
            tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
            container="body">

使用工具提示添加container =“body”属性。

Answer 2

如果您只是想通过自定义类更改宽度，则可以使用CSS文件中的以下代码覆盖样式。我改变了你的傻瓜

https://plnkr.co/edit/hbrjgaKArGx34rVRzNOH?p=preview

例

.tooltip-inner {max-width: 205px;}