uib-popover 不显示在 ag-grid 中

Question

我正在尝试在 ag-grid 单元格中包含一个 uib-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();
            }
        }
    };
}

这就是将鼠标悬停在 div...

Answer 1

一位同事向我指出了解决方案... 您所要做的就是添加 'popover-append-to-body="true"' 这会将 popover 附加到 body 标签而不是父标签，因此溢出设置不会影响它。

uib-popover 不显示在 ag-grid 中

uib-popover does not show in ag-grid

angularjs

ag-grid