Как «перевернуть» таблицу средствами js?

Question

[Kotorkovsciy]

Есть таблица:

<table>
      <tr>
         <th>Стратегии</th>
         <td>Warcraft 3: The Frozen Throne</td>
         <td>Fallout: New Vegas</td>
         <td>StarCraft 2: Wings of Liberty</td>
         <td>XCOM: Enemy Unknown</td>
      </tr>
   </table>

Сейчас так:

Стратегии	Warcraft 3: The Frozen Throne	Fallout: New Vegas	StarCraft 2: Wings of Liberty	XCOM: Enemy Unknown

А надо, чтобы было так:

Стратегии

Warcraft 3: The Frozen Throne

Fallout: New Vegas

StarCraft 2: Wings of Liberty

XCOM: Enemy Unknown

Comments

[Дмитрий Перевозкин]

Обязательно таблица нужна? Не проще сделать списком через ul -> li?

[Kotorkovsciy]

Ветеран Пупков, Да, нужна именно таблица

[Евгений]

В исходной таблице только одна строка, или будет больше?

Answer 1

[0xD34F]

const data = Array.from(
  tableElem.rows,
  tr => Array.from(
    tr.cells,
    td => td.innerText
  )
);

tableElem.innerHTML = data[0].map((n, i) => `
  <tr>${data.map((m, j) => (j = i ? 'td' : 'th', `
    <${j}>${m[i]}</${j}>`)).join('')}
  </tr>
`).join('');

Answer 2

[Rst0]

Comments

[Kotorkovsciy]

А что если в табличке не одна строка а больше ?

[Rst0]

[Rst0]

как в вопросе - исключительно средствами js.