@Kotorkovsciy

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

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

<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
  • Вопрос задан
  • 127 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
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('');
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Rst0
@Rst0
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы