angularjs - Dropdown menu in angular ui-grid column not dropping down -


i trying insert dropdown menu column in ui-grid. each menu item have ng-click attached.

i using ui-grid-unstable.min.js because pagination doesn't seem work in ui-grid-stable.min.js

the button appears in grid , registers has been clicked on (the open class added it) doesn't dropdown.

my ui-grid columndef this:

this.gridoptions.columndefs = [ { field: 'foo', displayname: 'actions', celltemplate: '/app/quiz/action.html', sortable: false } ]; 

the celltemplate code comes "dropdown on body" button example https://angular-ui.github.io/bootstrap/ looks this:

<div class="btn-group" dropdown dropdown-append-to-body>   <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle>     dropdown on body <span class="caret"></span>   </button>   <ul class="dropdown-menu" role="menu">     <li><a href="#">action</a></li>     <li><a href="#">another action</a></li>     <li><a href="#">something else here</a></li>     <li class="divider"></li>     <li><a href="#">separated link</a></li>   </ul> </div> 

ui.bootstrap included in app module , .css , .js files included in index.html

i looked @ this: angular ui grid: how create pre-populated dropdown menu column filtering , others seem deal creating bound selects (not drop-down menu) , searched other similar items on stack overflow cannot find 1 solves problem of button menu not dropping down.

further research shows because class on ui-grid cell overflow hidden. adding class overflow:visible columndef cell able resolve issue.


Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -