angularjs - Angular-ui のツールチップが ng-grid で正しく表示されない

Question

ng-grid にツールチップを表示するための解決策をしばらく探していましたが、うまくいきませんでした。セルをカスタマイズしてツールチップを含めるために ng-grid で cellTemplate を使用すると、さまざまな問題が発生しました。 .

私は何かを逃しましたか？ng-grid でツールチップをうまく表示するための解決策はありますか?

よろしくお願いします。

Answer 1

使用できます

tooltip-append-to-body="true" 

ここに記載されているように（ツールチップまでスクロールします）： http://angular-ui.github.io/bootstrap/

これがプランカーです: http://plnkr.co/edit/nHN2p8qMjT7ZTwpXgJoO?p=preview

Answer 2

コメントしたように、これはng-grid セル内の既知の問題です。列定義の cellClass を次のように設定して、これを修正しました。

cellClass: 'cellToolTip'

そしてCSS：

.cellToolTip {
    overflow: visible;
}

ツールチップを表示するプランカを次に示します。ただし、ツールチップは正確に配置されていません。:)

編集:これをスタイルに追加すると.tooltip、配置の問題が修正されましたが、Plunker でこれを行う必要があった理由がわかりません。私自身のコードでは、これは必要ありませんでした:

.tooltip {
  top: 0 !important;
}

これが機能している新しいプランカーです。