по каким строкам? судя по всему нужен атрибут wrap="hard" (и то не факт что будет работать)
ну или дикая эвристика и ручное разбиение по пробелам (если шрифт моноширный)
а уж если шрифт произвольный, то только заполнение пословно с мониторингом высоты clientHeight, как только увеличилась — новая строка появилась (скорее всего это будет проще и для моноширного шрифта)
но по мне слишком заморочено, т.к. алгоритм учитывающий все возможные варианты перекрытий мероприятий скорее всего будет выглядеть очень спагетти-образно, и вообще не факт что будет возможным
например как должен "растягиваться" блок "16:00 - 16:20" из моего примера?
у меня давно, ещё на AM2 сокете после смены проца с Атлона на Феном материнка тоже не стартовала, пока не сбросил настройки BIOS перемычкой на плате — сильно сомневаюсь, но вдруг поможет
syb2024, так он его и удаляет, но в приведённом коде нет вывода массива после forEach()
а вообще, если нужно сделать массив пустым, то data3.splice(0, data3.length) сделает это на ура )
т.е. ещё раз: какая изначальная задача, т.к. это не задача, а какая-то странная и непонятная попытка её решить
но сразу скажу, что за один проход по массиву такой алгоритм не справится
glu-dimaz, да, мой вариант столбцы формирует по максимальной наполненности
делать что-то другое при возможности неравных перекрывающихся периодов будет слишком заморочено
однако если не показывать длительность (т.е. сделать каждый блок размером в одну строку), то можно каждый интервал обернуть во flex, что и даст нужное распределение по ширине
а с какого перепоя ему подключаться, если этого не просит CSS? в приведённом коде только для div-а применяется этот шрифт, но в разметке нет ни одного div-а
а не, div-ы есть, но в странном месте, где обычно ожидаешь ссылки
повторю мысль Сергей delphinpro — смотрите в консоль браузера и приходите с ошибкой, а не с «Почему не подключается загруженный файл шрифта?» на который можно ответить «потому что ретроградный Меркурий» и не прогадать
JCG, средствами Excel точно нет
а вообще задача называется "парсинг" и для этого обычно используют управляемый полноценный браузер, через который и получают доступ к итоговому DOM-у
minGap— значение подбирается эмпирически или числено