Question

我想在ui网格单元中显示uib下拉菜单。我已经给出了它，并且工作正常。但是问题在于它的位置。 uib-dropdown opened in cell

显示的下拉菜单位于第一行。第二行的菜单只会向下显示更多。我检查并尝试了多种方法使其接近所选行。但是没有任何效果。 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>'
                 }

还尝试了删除 下拉式附件正文 。但是随后整个菜单移至该单元格。仅单元大小部分可见。请帮助我。.

在ui网格cellTemplate中使用时uib-dropdown错位了

0 个答案: