如何在某些div上打開Dropdown（Bootstrap-UI）？

Question

如何打開bootstrap-dropdown，當我點擊網格內的cell-div（ng-grid of AngularjJS）時？
我只能部分打開它。

Here'splunker

Answer 1

您必須在您的.dropdown類中將relative替換爲absolute。爲了得到想要的效果我加入這個的頭元件的底部

<style> 
    .dropdown { 
     position: absolute; 
    } 
</style> 

DEMO

Answer 2

這是因爲overflow是hidden這種元件內。添加以下CSS以啓用可見性。

.ui-grid-cell { 
    overflow: visible; 
} 

這需要在CSS中添加所有其他樣式以確保它不會被其他規則覆蓋。

Answer 3

可以使用https://github.com/vergerf/angular-scroll-dropdown。

它在overflow: hidden;或overflow: auto;環境中非常有用。