Развернуть / свернуть таблицу — выровнять вложенные данные по столбцам основной таблицы

#css #reactjs #material-ui #tablerow

#css #reactjs #материал-пользовательский интерфейс #tablerow

Вопрос:

Я хочу развернуть строки в своей таблице и выровнять данные в развернутых частях по столбцам моей основной таблицы. (пример на фото 1) Я хочу, чтобы мои развернутые / свернутые данные были выровнены, как на этой фотографии

Кажется, я не могу выровнять данные. В итоге получается перекос. (пример на фото 2) смещенные строки внутри элемента

(извините, у меня недостаточно очков репутации, чтобы включить сами изображения в этот пост)

Комментарии:

1. Добро пожаловать на платформу StackOverflow, не могли бы вы предоставить нам какой-нибудь код или минимальный, воспроизводимый пример, чтобы мы могли работать? Это было бы очень полезно и легче вам помочь

2. Вот изолированная среда для кода. Я только что жестко запрограммировал пример данных внутри <Collapse> , чтобы показать, как они смещены с основными столбцами. codesandbox.io/s /…