popover不工作在ui網格headerCellTemplate

Question

我已經添加到headerCellTemplate popover，但它似乎是工作。

headerCellTemplate: '<div popover="Info" popover-title="Title" popover-trigger="mouseenter" popover-placement="top" popover-append-to-header="true" style="padding-top: 5px;line-height: 1.2;vertical-align: baseline;">' + Address + '</div>' 

在上面的代碼只地址是越來越顯示網格，但酥料餅多申來。即使風格工作正常。只有popover不起作用。我嘗試使用popover-append-to-body =「true」而不是popover-append-to-header =「true」。但仍然沒有運氣。

Answer 1

彈出不顯示的原因是因爲ui網格默認情況下不允許溢出樣式元素。如果你希望彈出窗口顯示在網格上方，這可能會非常棘手，但可以通過更改兩個UI網格的CSS類來實現。

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

這些溢出屬性最初是「隱藏」的，因此將它們更改爲「可見」。

我說這可能會很棘手，因爲您可能會遇到其他樣式問題。例如，如果您的標題比網格的寬度更寬。