Angular-ui的工具提示无法在ng-grid中正确显示

Question

我一直在寻找一些解决方案，用于在ng-grid上显示工具提示，但没有运气。当我在ng-grid上使用cellTemplate来自定义单元格以包含工具提示时，我遇到了各种各样的问题 - 工具提示要么没有显示出来，要么表现得很奇怪，如图所示：http://plnkr.co/edit/MFhwgOvSUFKcyJPse5wf。

我错过了什么吗？有没有人有一个在ng-grid中很好地显示工具提示的解决方案？

最好的问候。

Answer 1

您可以使用

tooltip-append-to-body="true" 

如此处所述（向下滚动到工具提示）： http://angular-ui.github.io/bootstrap/

以下是plunker： http://plnkr.co/edit/nHN2p8qMjT7ZTwpXgJoO?p=preview

Answer 2

正如我评论的那样，这是ng-grid单元格内的known issue。我通过在列定义中将cellClass设置为：

来解决此问题

cellClass: 'cellToolTip'

和css：

.cellToolTip {
    overflow: visible;
}

显示工具提示的

Here is a plunker。但是，工具提示的位置并不完全正确。 ：）

修改： 将此添加到.tooltip样式修复了定位问题，但我不确定为什么在Plunker中我必须这样做。在我自己的代码中，这不是必需的：

.tooltip {
  top: 0 !important;
}

这是一个正在运作的new plunker。