CSS：隐藏在网格单元后面的引导下拉菜单答案

【问题标题】：CSS: Bootstrap drowpdown hides behind grid cellCSS：隐藏在网格单元后面的引导下拉菜单
【发布时间】：2018-04-14 23:30:42
【问题描述】：

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

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

当我单击dropdown 时，它的li 元素无法正确显示，因为它隐藏在网格后面。

有什么解决办法吗？

【问题讨论】：

溢出在这里设置为隐藏在多个级别。你必须删除它，以及一些高度限制......怀疑其余部分是否仍然会像以前一样工作。我认为你最好不要将下拉列表添加到 DOM 中的那个位置，而是在整个结构之外 - 然后绝对定位它以显示在正确的位置。
@CBroe：那个溢出隐藏的东西是由 ag-grid 渲染的。所以我不能改变它。
当然你可以，样式可以被覆盖......但正如我所说，如果你尝试了，我怀疑其余的仍然可以工作。
@CBroe：你能给我一个溢出隐藏的例子吗？
什么？的例子/究竟是什么？同样，我认为你开始弄乱组件的格式是没有意义的，这可能会在某个地方破坏某些东西。

【解决方案1】：

这有点旧，但对于其他人来说：

如果您在单元格编辑器上将isPopup() 函数设置为返回true，则您不必与组件的CSS 作斗争。允许下拉菜单在没有任何 CSS 编辑的情况下呈现在其他单元格上。

如果您希望您的编辑器出现在弹出窗口中（例如下拉菜单列表），然后你可以让它出现在弹出窗口中。会出现弹窗在单元格上，但是它不会改变单元格的内容。在弹出窗口后面的单元格将保持不变，直到编辑完成完成，这将导致单元格被刷新。

【讨论】：