固定列隐藏了工具提示

Question

愿景：

• angular: 2.4.9
• ag-grid-angular: 16.0.0
• bootstrap: 4.0.0-alpha.5
• ngx-bootstrap: 1.6.6

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

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

如果您只是想通过自定义 class 更改宽度，那么您可以在 CSS 文件中使用以下代码覆盖样式。我换了你的plunker

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

例子

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