ngx-datatable 中的工具提示部分隐藏在行边框后面

Question

ngx-datatable 中的工具提示部分隐藏在行边框后面。

我尝试更改 .tooltip-inner 的 z-index。但是没有效果。

知道为什么，怎么解决？

https://stackblitz.com/edit/angular-cvaq2e?file=app%2Fapp.component.html

移到“编辑”按钮上，工具提示在行边框后面。

• Table 版本： 11.2.0 bootstrap 主题
• Angular版本：5.2.3
• 浏览器：火狐，chrome
• 语言：中文

Answer 1

stackblitz 不起作用，所以我猜测您使用的是什么工具提示。如果您使用 ng-bootstrap，您应该可以添加

container="body"

作为触发工具提示的每个元素的属性。

Answer 2

为了获得全局配置，我在 core.module 中添加了以下内容：

export function NgbTooltipConfigFactory() {
  const config = new NgbTooltipConfig();
  config.placement = 'bottom';
  config.container = 'body';
  return config;
}

@NgModule({
  providers:
    {
      provide: NgbTooltipConfig, useFactory: () => NgbTooltipConfigFactory(),
    }