Как выстроить даты в ряд по 7 элементов?

Question

[Alexey1307]

Как выстроить даты в ряд по 7 элементов? чтоб получился календарик. Сейчас выводятся одной строкой!
Код здесь

Comments

[Сергей delphinpro]

делайте не один массив со всеми числами месяца, а отдельные недели. И выводите каждую в новую строку таблицы.

Или поменяйте разметку на гриды. На мой взгляд на гридах календарик запилить будет проще.

Answer 1

[Илья Корень]

Как вариант, ограничить ширину контейнера, а остальное забабахать например через flexbox.

display: flex;
flex-wrap: wrap.

Ну и задать размеры каждой ячейки.

Либо через гриды:

tr {
  display: grid;
  grid-template-columns: repeat(5, 50px);
  grid-template-rows: repeat(7, 40px);
}

Comments

[Alexey1307]

Спасибо) взял вариант с гридами)

Answer 2

[RAX7]

function createTable(el) {
	for (let i = 0, row; i < el.length; i++) {
    if (i % 7 === 0) {
      row = document.createElement('tr');
      thead.appendChild(row);
    }
		const cell = document.createElement('th');
		cell.innerHTML = el[i];
		row.appendChild(cell);
	}
}

и вдогонку https://stackoverflow.com/questions/222309/calcula...

Comments

[Alexey1307]

Спасибо - вариант рабочий!)