Estoy creando una tabla que mostrará datos tabulares en varios grupos. La tabla tendrá un encabezado de tabla principal que muestra qué es cada celda de la tabla. También constará de grupos expandibles que contendrán todos los datos tabulares.

Usando Material UI, miré el ejemplo en https://v4.mui.com/components/tables/#collapsible-table

Lo que hacen es envolver un componente Collapse dentro de un componente TableCell . El problema es que en este punto, el código dentro de Collapse ha "perdido la conexión" con la estructura de la tabla principal, ya que en realidad vive dentro de una sola celda de la tabla. Intenté varias cosas, también intenté crear una nueva tabla dentro del componente Collapse . Esto, por razones obvias, no funciona, ya que todo se crea dentro de dicha celda de la tabla.

¿Cómo puedo dividir una tabla en varios grupos, donde cada grupo es expandible/contraíble y consta de datos tabulares, estructurados después de la tabla principal?

Creé un simulacro rápido en https://codesandbox.io/s/material-demo-forked-s3cqv?file=/demo.tsx Puede imaginar que habría varios grupos siguiendo al grupo en el simulacro. Como puede ver, los datos no se alinean con el encabezado de la tabla principal.

¿Es esto realmente factible con los componentes de Material UI?

Gracias por leer.
Saludos
Stephan Bakkelund Valois