如何在某些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;环境中非常有用。