在水平滚动的表格中垂直溢出表格单元格

Question

我正在尝试扩展 React 下拉组件并使其在表格外可见。 表格必须可水平滚动。 我正在使用 react-dropdown-select 组件。 这是我用来指出问题的 Codepen ( https://codesandbox.io/s/great-banach-48yt5 )

将外部 Div 属性从

overflow: auto

到

overflow-x: auto;
overflow-y: visible

不起作用。 表示在： https : //stackoverflow.com/a/6433475/9358897

有什么想法吗？

Answer 1

如果您坚持使用 react-dropdown-select 包，它可以选择在portal 中呈现下拉列表。

在 index.html 中，在根目录上方创建一个新元素：

<div id="portal"></div>
<div id="root"></div>

并将其作为道具传递给您的 Select：

<Select
  style={{ width: "150px" }}
  dropdownHeight="120px"
  dropdownPosition="top"
  options={options}
  labelField="username"
  valueField="email"
  portal={document.getElementById("portal")}
/>

工作示例