包含Bootstrap下拉菜单剪辑菜单的ag-Grid单元 [英] ag-Grid cell containing Bootstrap dropdown menu clips menu

问题描述

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

工作了 plnkr示例

I have an ag-Grid set up to show data with a cell on the right that displays a context menu. This context menu, triggered by a button, uses a Bootstrap dropdown menu. When clicked, the button correctly triggers the display of the menu, but the ag-Grid cell hides the dropdown. I have attempted to force overflow: visible on the parent element as well as the grid cell itself without success. I have even attempted to set a z-index on the parent element and still haven't been able to get it to work. The only slight success I have had is by setting overflow:scroll. I can then see the dropdown if I scroll the contents of the cell. Not exactly user-friendly. Anyone have a suggestion? NOTE: I've already attempted this: CSS: Bootstrap drowpdown hides behind grid cell

Thanks for any suggestions you have!

解决方案

So simple way from the referenced post: isPopup function

isPopup:function(){
  return true;
}

Update : plnkr sample

Worked plnkr sample

这篇关于包含Bootstrap下拉菜单剪辑菜单的ag-Grid单元的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！