Как синхронизировать заголовки таблиц с их содержимым? ⇐ CSS

[Гость]

Мне нужно убедиться, что столбцы таблицы совпадают с соответствующими заголовками. Дан массив заголовков следующего вида:

const titles = ['имя', 'фамилия', 'возраст'] при рендеринге таблицы содержимое может выглядеть следующим образом:

const content = ['lastnameText', 15, 'nameText'] следует откорректировать в соответствии с соответствующими заголовками.

Проблема здесь в том, что порядок элементов в массиве контента может не совпадать с порядком заголовков.

{titles.map(item => ( {item ))} {content.map(пункт => ( {item ))} В настоящее время результат выглядит следующим образом:

имя фамилия возраст Фамилиятекст 15 Имятекст Как видите, столбцы заголовков расположены неправильно. Желаемый результат должен выглядеть следующим образом:
имя фамилия возраст nameText фамилиятекст 15