一尘不染

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

angularjs

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

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

最好的祝福。


阅读 245

收藏
2020-07-04

共1个答案

一尘不染

正如我所评论的,这是ng-grid单元内部的一个已知问题。我通过将列定义中的cellClass设置为此来解决此问题:

cellClass: 'cellToolTip'

和CSS:

.cellToolTip {
    overflow: visible;
}

这是一个显示工具提示的插件。但是,工具提示的位置不完全正确。:)

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

.tooltip {
  top: 0 !important;
}

这是一个正在工作的新型pl子

2020-07-04