更改 ui-grid 角度中的显示/隐藏按钮位置答案

【问题标题】：Change show/hide button location in ui-grid angular更改 ui-grid 角度中的显示/隐藏按钮位置
【发布时间】：2014-12-23 15:47:02
【问题描述】：

有没有一种快速的方法可以将显示/隐藏列按钮移动到另一个位置而不为此操作实现新功能？

我尝试使用广播/观看，但这不起作用。

【问题讨论】：

“另一个位置”是什么意思？在下拉列表中的位置？还是下拉触发按钮的位置？或者在网格之外的某个地方？请澄清。
嗨。我的意思是下拉触发按钮的位置，我想将它定位在网格上方。谢谢
你的意思是在每一列之上？
不，我想创建一个新按钮，该按钮将位于我页面的另一个位置，此按钮将管理显示/隐藏列
对不起，我还是不明白。您想要一个（单个）按钮，当它被点击时，隐藏某个列或一组列？这与将列菜单修剪到新位置完全不同。当然，你需要一个小脚本/函数来做到这一点。

标签： angularjs ng-grid angular-ui-grid

【解决方案1】：

您可以通过使用 css 本身来做到这一点，

下面的 CSS 会将网格菜单按钮和网格菜单项放在同一位置

 .ui-grid-menu-button {
    position: relative !important;
    right: auto !important;
  }

.ui-grid-menu-button .ui-grid-menu{
    left: 0 !important;
 }

【讨论】：

【解决方案2】：

据我了解，这是最简单的答案。

将此添加到您上次加载的 CSS 中：

.ui-grid-menu-button {
    position: relative;
}

这将在网格上方放置一个大按钮。

Plunker here

但不知何故，我认为这仍然不是你想要的。

【讨论】：

这与我正在寻找的非常接近，我想创建自己的按钮，与默认按钮不同，它将位于不同的位置并打开您示例中的菜单，我需要菜单也可以在我的新按钮下打开。
这会起作用 .ui-grid-menu-button .ui-grid-menu{ left: 0 !important;对：自动！重要； }