React-Virtualized:CellRender进入下一行

时间:2017-04-27 08:46:24

标签: javascript reactjs react-virtualized

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

一切都很好,但有一种奇怪的行为。

在一个单元格中,我添加了一个简单的Dropdown,让用户选择一些值。 实际上,我的下拉列表渲染到了下一行。点击后,下拉列表展开并保持在下一行。

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

1 个答案:

答案 0 :(得分:2)

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

以下是我所说的关于剪辑的例子: http://plnkr.co/edit/9iMzJh?p=preview

我建议使用react-portal来避免剪切问题。我以前用Table使用了这个,并且对它非常满意。