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

Question

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

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

此致。

Answer 1

如我所评论，这是ng-grid单元内的known issue。我通过将列定义中的cellClass设置为此来解决此问题:

cellClass: 'cellToolTip'

和CSS:

.cellToolTip {
    overflow: visible;
}

显示工具提示的 Here is a plunker。但是，工具提示的位置不完全正确。 :)

编辑:
将其添加到 .tooltip样式可以解决定位问题，但是我不确定为什么在Plunker中必须这样做。在我自己的代码中，这不是必需的:

.tooltip {
  top: 0 !important;
}

这是一个有效的 new plunker。