React-Virtualized:CellRender 进入下一行

React-Virtualized : CellRender goes under next Row

我正在使用 React-virtualized Table 构建应用程序。 我在每一行中添加了一些自定义单元格渲染。比如Label,或者一些Img.

一切正常,但有一个奇怪的行为。

在一个单元格内,我添加了一个简单的下拉列表让用户选择一些值。 实际上,我的下拉菜单呈现在下一行之下。单击后,下拉菜单会展开并保留在下一行。

我错过了什么吗?这是正常行为吗?

下拉菜单被父行的 overflow: hidden 样式剪裁。 (如果您设置了下一行的 background-color,它也可能会被遮挡。)

这是我所说的关于裁剪的示例: http://plnkr.co/edit/9iMzJh?p=preview

我建议使用一些东西 react-portal 来避免剪辑问题。我之前在 Table 中使用过它并且对它非常满意。