Всплывающая подсказка Angular-ui отображается неправильно в ng-grid

Question

Я искал какое-то время для решения всплывающей подсказки на ng-сетке, но не повезло. Когда я использую cellTemplate в ng-grid для настройки ячейки для включения всплывающей подсказки, у меня возникли различные проблемы - всплывающая подсказка не отображается или ведет себя странно, как показано в плункере: http://plnkr.co/edit/MFhwgOvSUFKcyJPse5wf.

Я что-то пропустил? У кого-нибудь есть решение для отображения всплывающих подсказок в ng-grid?

С уважением.

Answer 1

Как я уже говорил, это known issue внутри ячейки сетки ng. Я установил, установив cellClass в определении столбца этого:

cellClass: 'cellToolTip' 

И в CSS:

.cellToolTip { 
    overflow: visible; 
} 

Here is a plunker, который показывает всплывающую подсказку. Тем не менее, всплывающая подсказка не установлена ​​точно вправо. :)

EDIT: Добавление этого в .tooltip стиле зафиксировало проблему позиционирования, но я не знаю, почему в Plunker я должен был сделать это. В моем собственном коде, это было не нужно:

.tooltip { 
    top: 0 !important; 
} 

Вот new plunker, что работает.

Answer 2

Вы можете использовать

tooltip-append-to-body="true" 

как описано здесь (прокрутите вниз до подсказке): http://angular-ui.github.io/bootstrap/

Вот plunker: http://plnkr.co/edit/nHN2p8qMjT7ZTwpXgJoO?p=preview