Hide/Show columns of inner/expanded rows on basis of "View Columns" option of table.

Hi,

I want to Hide/Show columns of inner/expanded rows on basis of "View Columns" option of table. Is there any way to do that.
Currently I am trying to do with "onViewColumnsChange" but not working because I need the values in "renderExpandableRow" as well.

Kindly provide some solution.

You can check my code here:

https://codesandbox.io/s/dreamy-meadow-oghwd?file=/src/App.js

Start by reproducing the behavior in the linked CodeSandbox and trace how onViewColumnsChange and renderExpandableRow receive table state. Determine the intended behavior for expanded rows when columns are hidden or shown, then verify that the solution keeps both regular and expanded rows consistent.

Written by the indexing model from the issue text.