Блог

Я хочу показать выпадающее меню uib в ячейке ui-grid. Я дал это, и оно работает нормально. Но проблема заключается в его положении. uib-выпадающий список открыт в ячейке

Показанное выпадающее меню относится к первой строке. Меню для 2-й строки будет отображаться еще больше, только вниз. Я проверил и перепробовал так много способов приблизить его к выбранной строке. Но ничего не сработало. Данный шаблон ячейки в ui-grid приведен ниже.

 columnDefs: [
                 {
                     name: app.localize('Actions'),
                     enableSorting: false,
                     width: 120,
                     cellTemplate:
                         '<div class="ui-grid-cell-contents">'  
                         '  <div class="btn-group dropdown" uib-dropdown="" dropdown-append-to-body>'  
                         '    <button class="btn btn-xs btn-primary blue" uib-dropdown-toggle="" aria-haspopup="true" aria-expanded="false"><i class="fa fa-cog"></i> '   app.localize('Actions')   ' <span class="caret"></span></button>'  
                         '    <ul uib-dropdown-menu>'  
                           '      <li><a ng-click="grid.appScope.detailsView(row.entity)">'   app.localize('Details')   '</a></li>'  
                         '      <li><a ng-if="grid.appScope.permissions.edit"  ng-click="grid.appScope.editClassDiary(row.entity)">'   app.localize('Edit')   '</a></li>'  
                         '      <li><a ng-if="grid.appScope.permissions.delete"  ng-click="grid.appScope.deleteClassDiary(row.entity)">'   app.localize('Delete')   '</a></li>'  
                         '    </ul>'  
                         '  </div>'  
                         '</div>'
                 }
  

Также пробовал, удалив выпадающий список добавления к телу. Но затем все меню переместилось в ячейку. Видна только часть размера ячейки. Пожалуйста, помогите мне кто-нибудь..