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

回答