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; 
} 

这些溢出属性最初是“隐藏”的，因此将它们更改为“可见”。

我说这可能会很棘手，因为您可能会遇到其他样式问题。例如，如果您的标题比网格的宽度更宽。