Возьмите текст заголовка таблицы, чтобы добавить его в ячейку тела таблицы. ⇐ Jquery

[Anonymous]

У меня есть таблица, и мне нужно сделать ее адаптивной. Что мне нужно сделать, так это взять текст заголовка каждого столбца и добавить его в начало основной ячейки этого столбца с помощью Jquery.
Проблема: я получаю все три текста заголовков добавить ко всем ячейкам тела таблицы! (Это должно быть: CountryAlfreds, но я получаю, например, CountryContactCompanyAlfreds)
Пожалуйста, взгляните на мой образец ниже и подскажите мне, как добавить текст заголовка каждого столбца в начало основной ячейки этого столбца.
Любой помощь будет оценена по достоинству!

Код: Выделить всё

$('thead tr th').each( function(e) {
var headerText = $(this).html();
console.log("Header " + headerText);

$(`table tbody tr td`).prepend("" + headerText + "")

})

Код: Выделить всё

span {
color: red;
font-weight: 700
}

Код: Выделить всё

Company
Contact
Country





Alfreds Futterkiste
Maria Anders
Germany


Centro comercial Moctezuma
Francisco Chang
Mexico

Подробнее здесь: https://stackoverflow.com/questions/790 ... -body-cell