Angular-ui的工具提示無法在ng-grid中正確顯示

我一直在尋找一些解決方案來顯示ng-grid上的工具提示，但沒有運氣。當我在ng-grid上使用cellTemplate來定製單元格以包含工具提示時，我遇到了各種問題 - 工具提示不是顯示出來，就是像一個plunker中顯示的那樣奇怪：http://plnkr.co/edit/MFhwgOvSUFKcyJPse5wf。Angular-ui的工具提示無法在ng-grid中正確顯示

我錯過了什麼嗎？有沒有人有一個解決方案，很好地在ng-grid中顯示工具提示？

此致敬禮。

2013-08-20 jstensen

這是一個已知的問題：https：//開頭github.com/angular-ui/ng-grid/issues/317 –

正如我所說，這是ng格子單元內的known issue。我解決了這個問題通過在列定義設置cellClass這樣：

cellClass: 'cellToolTip'

而CSS：

.cellToolTip { 
    overflow: visible; 
}

Here is a plunker顯示工具提示。但是，工具提示沒有完全正確定位。 :)

編輯：添加此爲.tooltip風格固定的定位問題，但我不知道爲什麼在我Plunker不得不這樣做。在我自己的代碼，這是沒有必要的：

.tooltip { 
    top: 0 !important; 
}

這裏是一個new plunker正在工作。

2013-08-20 16:02:04

感謝 - 但是定位很重要，您有任何關於如何定位工具提示的建議嗎？ – jstensen

這將與你的模板有關。我會看一看。 –

您的解決方案有趣的問題。 {name：「Tiancum有很多信息，所以它離開圖表的一邊，並創建一個水平滾動」，年齡：43}， – DRaehal

您可以使用

tooltip-append-to-body="true"

的記錄在這裏（向下滾動到提示）： http://angular-ui.github.io/bootstrap/

2014-02-05 15:54:14 lmyers

這對我有用，並且接受的答案沒有。使用angular 1.2.2，angular-ui 0.4，ng-grid 2.0.7。 –

這似乎已經在更新的版本中修復，正確的方法是這樣回答。 –

angular-ui文檔鏈接不工作。 –

回答