Question

我已将popover添加到headerCellTemplate，但它似乎正在工作。

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

popover没有显示的原因是因为ui-grid默认情况下不允许溢出样式元素。如果你想让popover显示在网格本身之上，这可能很棘手，但可以通过更改两个ui-grid的css类来实现。

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

这些溢出属性最初是＆＃34;隐藏＆＃34;，因此将它们更改为＆＃34; visible＆＃34;。

我说这可能很棘手，因为你可能会遇到其他风格问题。例如，如果标题宽度大于网格的宽度。

popover无法在ui-grid headerCellTemplate中工作

1 个答案: