外部ui-grid菜单按钮？

Question

在以下网址上还有另一个堆栈溢出问题，但它恰好是一年零答案：

External ui-grid-menu-button

基本上我需要找到一种方法将ui-grid-menu-button从表格的右上角分开并将其放置在其他地方。我似乎无法找到任何关于此的文档，我正在寻找任何工作或解决方案。

Answer 1

这就是我解决这个问题的方法。

Css隐藏原始按钮

我在评论中写下了每一行的目的。我必须隐藏原始按钮，因为菜单在该按钮下自动打开，我想要在右上角的菜单，我必须重置按钮的高度（请参阅我的最终结果）。如果您不希望它位于表格的左上角或右上角，则打开的网格菜单的位置可能会出现问题。

.ui-grid-menu-button {
    border: none;               // hide button
    background: transparent;    // hide button
}
.ui-grid-menu-button .ui-grid-icon-container {
    visibility: hidden;         // hide button
    height: 0;                  // menu in top-right corner
    margin-top: 0;              // menu in top-right corner
}

我的自定义按钮的Html

<div
    ng-if="myUiGridOptions.enableGridMenu"
    ng-click="gridApi.grid.gridMenuScope.toggleMenu()">
    <!-- menu icon -->
</div>

gridApi对象是ui-grid的api，可以这种方式获得

myUiGridOptions.onRegisterApi = function (gridApi) => {
    $scope.gridApi = gridApi;
};

<小时/>

我的最终结果