Angular-ui-im tooltip wird nicht korrekt angezeigt, in ng-raster

Ich gesucht habe einige Zeit nach einer Lösung für die Anzeige eines tooltip ng-raster, aber mit kein Glück. Wenn ich den cellTemplate auf ng-raster für die Anpassung der Zelle, um eine QuickInfo, die ich erlebt habe, verschiedene Probleme - der tooltip wird entweder nicht angezeigt oder Verhalten sich seltsam, wie in einer plunker: http://plnkr.co/edit/MFhwgOvSUFKcyJPse5wf.

Habe ich etwas verpasst? Hat jemand eine Lösung für die Anzeige von tooltips schön in ng-grid?

Beste Grüße.

InformationsquelleAutor jstensen | 2013-08-20
  1. 14

    Wie ich sagte, dies ist ein bekanntes Problem innerhalb einer ng-grid-Zelle. Ich behoben, indem cellClass in der Spalte definition zu diesem:

    cellClass: 'cellToolTip'

    Und css:

    .cellToolTip {
    overflow: visible;
}

    Hier ist ein plunker , das zeigt der tooltip. Aber der tooltip wird nicht positioniert, genau das richtige. 🙂

    BEARBEITEN:
    Das hinzufügen dieser auf die .tooltip Stil fixed-Positionierung problem, aber ich bin mir nicht sicher, warum in Plunker ich hatte, dies zu tun. In meinem eigenen code, war dies nicht notwendig:

    .tooltip {
  top: 0 !important;
}

    Hier ist ein neue plunker arbeitet.

    • Danke - aber die Positionierung ist wichtig, haben Sie irgendwelche Vorschläge, wie man das tooltip richtig?
    • Wird es zu tun haben mit Ihrer Vorlage. Ich nehme einen Blick.
    • Interessantes Problem mit deiner Lösung. {name: "Tiancum Hat eine Menge von Informationen in es, so geht es aus der Seite des Diagramms, und erzeugt einen horizontalen Bildlauf", Alter: 43},
    • Beide oben plunkers nicht arbeiten jetzt.Kann man das lösen ?
    InformationsquelleAutor Davin Tryon
  2. 37

    Können Sie 

    tooltip-append-to-body="true"

    dokumentiert, wie hier (nach unten scrollen, um tooltip):
    http://angular-ui.github.io/bootstrap/

    Hier ist die plunker:
    http://plnkr.co/edit/nHN2p8qMjT7ZTwpXgJoO?p=preview

    • Dieser arbeitete für mich und akzeptiert die Antwort nicht. Mit eckigen 1.2.2, angular-ui-0.4 ng-grid-2.0.7.
    • Dieser wurde anscheinend behoben, die in der neueren version und der richtige Weg dies zu tun ist, diese Antwort.
    • angular-ui-Dokumentation link nicht funktioniert.
    • Aktualisiert, link zur Dokumentation, vielen Dank.
    • Ihre plunker nicht funktioniert jetzt.Kann man das lösen ?
    • Behoben. ng-grid-source-code wurde verschoben. Die plunkers nicht die Arbeit in Ihrer eigenen Dokumentation, die jetzt aus dem gleichen Grund.

    InformationsquelleAutor lmyers
Schreibe einen Kommentar