angularjs - Angular ui-grid: bootstrap dropdown in cell -
i have agular ui-grid , dropdowns in cells. why dropdown doesn't show on click?
var columndefs1 = [ { name: 'firstname'}, { name: 'lastname'}, { name: 'company'}, { name: 'employed'}, { name: '#', celltemplate: '<div class="dropdown">' + '<button class="btn btn-default dropdown-toggle" type="button" id="dropdownmenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">' + 'dropdown' + '<span class="caret"></span>' + '</button>' + '<ul class="dropdown-menu" aria-labelledby="dropdownmenu1">' + '<li><a href="#">action</a></li>' + '<li><a href="#">another action</a></li>' + '<li><a href="#">something else here</a></li>' + '<li role="separator" class="divider"></li>' + '<li><a href="#">separated link</a></li>' + '</ul>' + '</div>' } ];
full description ui grid developer http://brianhann.com/ui-grid-and-dropdowns/
u should describe needed columns required
columndefs: [ { name: 'name' }, { name: 'age', type: 'number' }, { name: 'gender', editablecelltemplate: 'uiselect', editdropdownoptionsarray: [ 'male', 'female', 'other' ] } ]
and here working sample : http://plnkr.co/edit/ckqhv5bwha2jte5wdbi1?p=preview
Comments
Post a Comment