У меня есть React-Table, которая рендерит субкомпонент. Подкомпоненты в React-Table в основном отображаются при нажатии на стрелку, и появляется подкомпонент по вашему выбору. Проблема в том, что когда я щелкаю по субкомпоненту, затем прокручиваю до нижней части таблицы, затем снова прокручиваю вверх, субкомпонент закрывается. Я хочу, чтобы субкомпонент оставался открытым независимо от моей прокрутки. Я просто хочу, чтобы он открывался и закрывался с помощью моих кликов.
Я уже пытался добавить свойство стиля overflow: visible
в саму React-Table и в сам подкомпонент без удачи.
<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>
);
}
Я не получаю никаких сообщений об ошибках, просто субкомпоненты закрываются при прокрутке. Я уже пытался найти некоторые методы предотвращения прокрутки, но также и иссяк.