我使用React-virtualized Table构建应用程序。 我在每一行中添加了一些自定义单元格渲染。像Label,或者一些Img。
一切都很好,但有一种奇怪的行为。
在一个单元格中,我添加了一个简单的Dropdown,让用户选择一些值。 实际上,我的下拉列表渲染到了下一行。点击后,下拉列表展开并保持在下一行。
我错过了什么吗?这是正常的行为吗?
答案 0 :(得分:2)
下拉菜单会被父行的overflow: hidden
样式剪裁。 (如果您设置了以下行background-color
,它也可能会被遮挡。)
以下是我所说的关于剪辑的例子: http://plnkr.co/edit/9iMzJh?p=preview
我建议使用react-portal来避免剪切问题。我以前用Table
使用了这个,并且对它非常满意。