Как сделать таблицу с днями недели +1?

Question

[webviktor]

Подскажите пожалуйста как реализовать на странице сайта (обычный html)?

В заголовках колонок нужно динамически выводить название текущего дня. В последующих соотв. +1
Т.е. например сегодня Среда, соотв. в названии первой колонки Среда, а в следующих далее Четверг, Пятница. И так 7 столбцов на все дни недели.

Таблица:

<table>
<thead>
<tr>
<th>Текущий день</th>
<th>+1</th>
<th>+2</th>
<th>+3</th>
<th>+4</th>
<th>+5</th>
<th>+6</th>
</tr>
</thead>
<tbody>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
<td>666</td>
<td>777</td>
</tr>
</tbody>
</table>

Answer 1

[Stockholm Syndrome]

https://codepen.io/anon/pen/jgNQqN

Comments

[webviktor]

Один вопрос.
Как этот код использовать только для определенной таблицы ?
Чтоб не выводило везде, где есть "tr"
Спасибо

[Stockholm Syndrome]

webviktor, использовать соответствующий селектор для нужной таблицы

const cells = [...document.querySelector('.your-table-class thead tr').cells];

[webviktor]

Подскажите еще пожалуйста.
Если нужно чтоб вначале таблицы, были другие ячейки.
С другой информацией.
Как использовать эту же таблицу, но чтоб колонок было больше и только последние 7 были с днями недели ?
Если в ваш код добавляю, то просто дни циклично повторяются.

[Stockholm Syndrome]

webviktor,

const cells = [...document.querySelector('.your-table-class thead tr').cells].slice(-days.length);

Answer 2

[Антон Швец]

<table>
<tr id="weekRow">
</tr>
</table>

(() => {
  const weekRow = document.getElementById('weekRow');
  let date = new Date();
  Array.from(Array(7), () => document.createElement('td'))
    .forEach(td => {
      td.textContent = date.toLocaleString('ru', {
        weekday: 'short'
      });
      date.setDate(date.getDate() + 1);
      weekRow.appendChild(td);
    });
})();

Answer 3

[hzzzzl]

такое?
https://codepen.io/anon/pen/dxbQGJ