How to make DetailPanel have independent scrollbar

[dnjsgur0629]

How to make DetailPanel have an independent scrollbar distinct from that of the parent Table?

CodeSandbox link : https://codesandbox.io/p/sandbox/elated-hawking-4s676l?welcome=true&file=README.md

I would like to include another table inside the DetailPanel within a table.

In my CodeSandbox example, the table size increases when the DetailPanel is opened compared to when it is closed. it's okay. it's intentional. However, when the size of the table exceeds the size of my window and I need to scroll left and right, is it possible to make the DetailPanel have an independent scrollbar from the parent table?

For example, when I move the scrollbar of the parent table, I would like to scroll the entire table as it is now, but when I move the scrollbar of the DetailPanel, I would like only the DetailPanel to scroll independently of the parent table.

Example of what I want (I got it by editing the image.) :

If there is a way to achieve this, please let me know! Thank you!

...

And another question I just thought of:

Why does "size" behave like "minSize"? I would prefer "size" to be fixed to the value I entered.