Angular-ui Tooltip wird nicht korrekt in NG-Raster angezeigt

Question

Ich habe nach einer Lösung für die Anzeige eines Tooltips auf ng-Grid gesucht, aber ohne Glück. Wenn ich das cellTemplate auf ng-grid verwende, um die Zelle anzupassen, um einen Tooltip einzubauen, habe ich verschiedene Probleme erlebt - der Tooltip wird entweder nicht angezeigt oder verhält sich merkwürdig, wie in einem Plättchen gezeigt: http://plnkr.co/edit/MFhwgOvSUFKcyJPse5wf.

Habe ich etwas verpasst? Hat jemand eine Lösung um Tooltips schön in ng-Grid anzuzeigen?

Mit freundlichen Grüßen.

Answer 1

Wie ich bemerkte, ist dies ein known issue innerhalb einer ng-Gitterzelle. Ich reparierte diese durch cellClass in der Spaltendefinition zu dieser Einstellung:

cellClass: 'cellToolTip' 

Und die CSS:

.cellToolTip { 
    overflow: visible; 
} 

Here is a plunker, die den Tooltip zeigt. Der Tooltipp ist jedoch nicht genau richtig positioniert. :)

EDIT: Addiert man diese zu dem .tooltip Stil der Positionierung Problem behoben, aber ich bin nicht sicher, warum in Plunker ich das tun musste. In meinem eigenen Code, war dies nicht notwendig:

.tooltip { 
    top: 0 !important; 
} 

hier ein new plunker ist, die funktioniert.

Answer 2

können Sie verwenden

tooltip-append-to-body="true" 

wie hier dokumentiert (scrollen zu Tooltip nach unten): http://angular-ui.github.io/bootstrap/

Hier ist der Plunker: http://plnkr.co/edit/nHN2p8qMjT7ZTwpXgJoO?p=preview