反应表重新呈现滚动子组件

Question

我有一个React-Table，正在渲染一个子组件。 React-Table中的子组件基本上是通过单击箭头来呈现的，然后出现您选择的子组件。问题是当我单击子组件，然后滚动到表的底部，然后向上滚动时，子组件关闭。无论滚动如何，我都希望子组件保持打开状态。我只希望它随我的点击打开和关闭。

我已经尝试过在运气表本身和子组件本身中添加overflow: visible样式属性，但是没有运气。

<ReactTable
    data={data}
    columns={columns}
    sortable={true}
    resizable={false}
    defaultPageSize={10}
    className="-striped -highlight"
    getTrProps={getTrProps}
    style={{
           overflow: `visible`
              }}
    SubComponent={row => {
                return (
                  <Row style={{ padding: "20px" }}>
                    <Col>
                      <b>Pickup</b>
                    </Col>
                    <Col>
                      <b>Customer Info</b>
                    </Col>
                    <Col>
                      <b>Delivery Instructions</b>
                    </Col>
                  </Row>
                );
               }

我没有收到任何错误消息，只是子组件在滚动时关闭。我已经尝试寻找一些防止卷入的方法，但是也变得干枯了。