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单元中的一个已知问题.我通过在列定义中将cellClass设置为:

cellClass: 'cellToolTip'

和css:

.cellToolTip {
    overflow: visible;
}

这是一个显示工具提示的plunker.但是,工具提示的位置并不完全正确.:)

编辑:添加到.tooltip样式修复定位问题,但我不知道为什么在Plunker我必须这样做.在我自己的代码中,这不是必要的:

.tooltip {
  top: 0 !important;
}

这是一个正在运作的新型plunker.