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
Post a Comment