Javascript Ui网格：在filterHeaderTemplate中打开模式

我想有一个过滤器，这将是一个非常基本的一种模式窗口打开点击事件。 但是，当该窗口位于filterHeaderTemplate中时，我无法在网格顶部显示该窗口

我创建了一个非常简单的Plunk来重现这个问题-div创建正确，但它隐藏在ui网格下面，并且它发生在任何z索引中

模板非常简单：

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

任何想法都将不胜感激

已解决：） 该问题与默认设置为“隐藏”的“顶面板”和“标题”视口溢出有关

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

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

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