Има друг въпрос за препълване на стека на следния URL адрес, но се оказва, че е на една година с нула отговори:
По принцип трябва да намеря начин да отделя ui-grid-menu-button от горния десен ъгъл на таблицата и да го позиционирам някъде другаде. Изглежда не мога да намеря никаква документация за това, търся някакво решение или хакерско решение.
Ето как реших този проблем.
Написах целта на всеки ред в коментарите. Трябва да скрия оригиналния бутон и тъй като менюто се отваря автоматично точно под този бутон и искам менюто в горния десен ъгъл, трябва да нулирам височината на бутона (вижте крайния резултат). Позицията на отвореното мрежово меню може да е проблем, ако не го искате в горния ляв или горния десен ъгъл на таблицата.
.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
}
<div
ng-if="myUiGridOptions.enableGridMenu"
ng-click="gridApi.grid.gridMenuScope.toggleMenu()">
<!-- menu icon -->
</div>
Обектът gridApi е API на ui-grid, който може да се получи по този начин
myUiGridOptions.onRegisterApi = function (gridApi) => {
$scope.gridApi = gridApi;
};
