LaVOZs

The World’s Largest Online Community for Developers

'; reactjs - Is there an equivalent to the react-table prop collapseOnDataChange for sub-components found in material-table detailPanel? - LavOzs.Com

We currently use react-table subComponent with collapseOnDataChange={false} so we can have subComponents and make changes within them. I would like to swap to material-table but I am unsure if there is this equivalent or how I would go about this functionality in their detailPanel as it resets when I make a data change.

Here is a codeSandbox. Click the detail panel -> click second tab -> Result: detailPanel closes.

https://codesandbox.io/s/runtime-http-3x8b3

Related
react-router - pass props to handler component
What is the difference between state and props in React?
Can you force a React component to rerender without calling setState?
Styling react-select v2 with material-ui - Replace Input component
Setting state in a subcomponent of react-table closes component resetting all states with ReactJS
How make material UI Tab component auto Scrollable in react
How to use custom 'editComponent' in material-table?
React Material-UI animate Slider value change
material-table How do I select a row changing the background color upon selection
React use refs on dynamic tab panel