Angularjs uib popover不显示在ag网格中

我试图在ag网格单元中包含一个uib popover。但是，popover正在被切断（通过网格的溢出设置）。什么是最好的方式使这项工作

以下是设置网格的代码：

function _setGridOptions() {

    $ctrl.agGridOptions = {
        suppressHorizontalScroll: true,
        suppressColumnVirtualization: true,
        angularCompileRows: true,
        rowHeight: 64,
        columnDefs: [
            {headerName: "", width: 30, checkboxSelection: true, suppressSorting: true, suppressMenu: true, pinned: true},
            {headerName: "Sender", field: "submitterName", tooltipField: "submitterName", cellClass: "sender_name"},
            {headerName: "Package", field: "packageName", tooltipField: "packageName"},
            {headerName: "Document", cellRenderer: $ctrl._documentNameRenderer},
            {headerName: "Document Status", cellRenderer: $ctrl._stateRenderer},
            {headerName: "Recording Date", cellRenderer: $ctrl._recordingDateRenderer},
            {headerName: "", template: '<div style="height: 40px;"></div><div uib-popover="I appeared on mouse enter!" popover-trigger="\'mouseenter\'">hover</div>'}
        ],
        onGridSizeChanged: function () {
            $ctrl.agGridOptions.api.sizeColumnsToFit();
        },
        onGridReady: function (param) {
            $ctrl.agGridOptions.api = param.api;
            if ($ctrl.search_results) {
                $ctrl.agGridOptions.api.setRowData($ctrl.search_results);
                $ctrl.agGridOptions.api.doLayout();
            }
        }
    };
}

函数_setGridOptions（）{
$ctrl.agGridOptions={
suppressHorizontalScroll:正确，
对:对,，
angularCompileRows：没错，
行高：64，
columnDefs：[
{headerName:，宽度：30，复选框选择：true，suppressSorting:true，suppressMenu:true，pinted:true}，
{headerName:“发件人”，字段：“SubmiterName”，工具提示字段：“SubmiterName”，cellClass:“发件人名称”}，
{headerName:“Package”，字段：“packageName”，工具提示字段：“packageName”}，
{headerName:“文档”，cellRenderer:$ctrl.\u documentNameRenderer}，
{headerName:“文档状态”，cellRenderer:$ctrl.\u stateRenderer}，
{headerName:“录制日期”，cellRenderer:$ctrl.\u recordingDateRenderer}，
{headerName:，模板：'hover'}
],
onGridSizeChanged:函数（）{
$ctrl.agGridOptions.api.sizeColumnsToFit（）；
},
onGridReady:函数（参数）{
$ctrl.agGridOptions.api=param.api；
如果（$ctrl.search\u结果）{
$ctrl.agGridOptions.api.setRowData（$ctrl.search\u results）；
$ctrl.agGridOptions.api.doLayout（）；
}
}
};
}

这就是你在div上悬停时的样子。。。

---

一位同事给我指出了解决方案。。。 您只需添加“popover append to body=“true”” 这将把popover附加到body标记而不是父标记，这样溢出设置就不会影响它