React select 下拉菜单低于 React table 分页

Question

1[我尝试将分页的 z-index 更改为 0 但没有用]

这是我的 codesandbox 的 link：请检查最后一个 select 下拉菜单，它落后于分页。

https://codesandbox.io/s/jolly-chandrasekhar-uim6k

Answer 1

React-select 公开了一个 menuPortalTarget 道具，让您可以将 select 菜单传送到您选择的 dom 节点。

目标body：

<ReactSelect
  options={[
    { value: "one", label: "One" },
    { value: "two", label: "Two" },
    { value: "three", label: "Three" }
  ]}
  menuPortalTarget={document.body}
/>

代码沙盒 Link : https://codesandbox.io/s/blissful-cerf-wqtto

React select 下拉菜单低于 React table 分页

React select drop down is going below react table pagination

react-select

react-table