包含Bootstrap下拉菜单剪辑菜单的ag-Grid单元

Question

我设置了一个ag-Grid，以显示数据，并在右侧显示一个上下文菜单的单元格中。该上下文菜单由按钮触发，使用“引导程序”下拉菜单。单击后，该按钮会正确触发菜单的显示，但ag-Grid单元格会隐藏下拉菜单。我试图强制溢出：在父元素以及网格单元本身上可见，但未成功。我什至尝试在父元素上设置z-index，但仍然无法使其正常工作。我仅有的一点成功是通过设置overflow：scroll。如果滚动单元格的内容，则可以看到下拉列表。并非完全用户友好。有人有建议吗？注意：我已经尝试过：CSS：引导drowpdown隐藏在网格单元后面

感谢您的任何建议！

Answer 1

isPopup 仅适用于可编辑单元格。

要在ag-grid-community版本19中的不可编辑单元格中使用引导程序下拉列表，请执行以下操作：

1. 适用overflow: visible于.ag-cell，或者更好的，到cellClass你申请到细胞中列定义，例如，.actions-button-cell
2. 设置z索引，以使焦点所在的行出现在未焦点所在的行上方。

CSS：

.actions-button-cell { 
  overflow:visible; 
}

.ag-row {
    z-index: 0;
}

.ag-row.ag-row-focus {
    z-index: 1;
}

这允许下拉列表流到单元格和行的外部。

如果您还希望下拉列表流在网格外部，则可以添加以下内容：

.ag-root,
.ag-body-viewport,
.ag-body-viewport-wrapper {
    overflow: visible !important;
}

请参阅plnkr示例

Answer 2

来自参考帖子的简单方法：isPopup函数

isPopup:function(){
  return true;
}

更新：plnkr 示例

工作plnkr 样本