Может ли одна строка таблицы иметь две строки данных в React MUI? ⇐ Javascript

[Anonymous]

Я хочу, чтобы моя таблица выглядела так:
< /p>
Я могу сделать это, но два ряда не выровнены. Они приходят в одну часть за другой, а не в той же линии. Вот мой код. Разделы представляют собой массив объекта, имеющего по 20 строк при каждом индексах 0,1,2. Я могу сделать заголовок, но не могу обрабатывать ряды. Пожалуйста, дайте мне знать, если вам нужна дополнительная информация. < /P>
{sections.map((section, index) => (

{section.map((row, rowIndex) => (

{headers.map((header, i) => (


{index === 0 && (row[header.toLowerCase()] ?? '')}


))}
{headers.map((header, i) => (


{index === 1 && (row[header.toLowerCase()] ?? '')}


))}
{headers.map((header, i) => (


{index === 2 && (row[header.toLowerCase()] ?? '')}


))}

))}

))}


Подробнее здесь: https://stackoverflow.com/questions/794 ... -react-mui