CSS：Bootstrap Drowpdown隐藏在网格单元后面 [英] CSS: Bootstrap drowpdown hides behind grid cell

问题描述

您有一个网格实现的第三方库 AG-Grid 。该网格具有可编辑功能，可编辑行。

Hi Have a grid implemented third-party library AG-Grid. This grid has editable feature to edit rows.

在编辑时，我正在渲染 Bootstrap下拉列表以更新 Year 列，如下例所示：

And while editing I am rendering Bootstrap dropdown to update value of Year column as shown in below example:

可编辑网格-下拉问题

当我点击下拉列表时，其 li 元素未正确显示，因为它隐藏在网格后面。

When I click on the dropdown its li elements are not displaying properly as it is hidden behind the grid.

有什么解决方案吗？

推荐答案

这有点老了，但是对于其他任何人：

This is a bit old, but for anyone else looking:

如果您将 isPopup（）功能设置为您的单元格编辑器可以返回true，您无需与组件的CSS进行斗争。允许下拉菜单在其他单元格上进行渲染，而无需进行任何CSS编辑。

If you set the isPopup() function on your cell editor to return true you shouldn't have to fight with the CSS of the component. Allows the dropdown to render over the other cells without any CSS edits.

如果您希望编辑器出现在弹出窗口中（例如下拉
列表），则可以将其显示在弹出窗口中。弹出窗口将在单元格上方显示
，但是不会更改单元格的内容。
在弹出窗口之后，该单元格将保持不变，直到完成
编辑之后，这将导致该单元格被刷新。

If you want your editor to appear in a popup (such as a dropdown list), then you can have it appear in a popup. The popup will appear over the cell, however it will not change the contents of the cell. Behind the popup the cell will remain intact until after editing is finished which will result in the cell being refreshed.

这篇关于CSS：Bootstrap Drowpdown隐藏在网格单元后面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！