html - 在水平可滚动表格中垂直溢出表格单元格

Question

我正在尝试扩展 React 下拉组件并使其在表格外部可见。表格必须可以水平滚动。我正在使用 react 下拉选择组件。这是我为指出问题而制作的 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包，it has an option在 portal 内呈现下拉菜单.

在你的index.html中，在你的根目录之上创建一个新元素:

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

并将其作为 Select 中的 prop 传递:

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

Working example