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