Ui-grid：在filterHeaderTemplate中打开一个模式

我想要一个过滤器，它是一个非常基本的模拟窗口，它在点击事件中打开。但是，当它位于filterHeaderTemplate中时，我无法在网格顶部显示该窗口。Ui-grid：在filterHeaderTemplate中打开一个模式

我创建了一个非常简单的Plunker来重现该问题 - 创建了正确的div，但它隐藏在UI网格之下，并且发生在任何Z-index上。

模板就是这么简单：

<button ng-click="showModal = !showModal">Open \'Modal\'</button> 
<div class="myModalClass" ng-if="showModal">My \'Modal\' Content</div>

和风格的模式：

width: 200px; 
height: 200px; 
background-color: white; 
border: 3px solid black; 
position: absolute; 
z-index: 999999999;

任何想法将非常感激！

解决:) 该问题与顶部面板和标题视口溢出默认设置为隐藏相关。

可能的解决方案是将其设置为可见：

.ui-grid-top-panel, 
.ui-grid-header-viewport { 
    overflow: visible !important; 
}

2017-06-06 09:09:23

回答