工具提示被固定列隐藏

Question

异象：

• angular：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">

添加容器=＆＃34; body＆＃34;属性与工具提示。

Answer 2

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

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

实施例

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