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

Question

当我点击网格中的cell-div（AngularjJS的ng-grid）时，如何打开bootstrap-dropdown？
我只能部分打开它。

Here's plunker

Answer 1

您必须在relative课程中将absolute替换为.dropdown。为了得到想要的效果，我在头元素的底部添加了这个

<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;环境中非常有用。