Как динамически подставлять значения в уже готовую таблицу vue?

Попытаю счастья, вдруг кто захочет подсобить советом.
За фиддл сильно не пинайте, понимаю, что мешанина. Разместил, чтобы наглядно показать чего хочу в итоге добиться.

Есть 3 варианта таблиц. Если третью я худо-бедно сделал - используя индексы дней. Со второй проволандался дольше. Пока не догадался передавать функцию в компонент. Иначе не мог получить доступа к фильтруемым значениям.

На последнее оставлял самую простую как мне казалось задачу и сел в лужу.
Думаю, что скорее всего подход наверное в корне не верный.

Как в vue/javascript можно трансформировать данные под такие задачи?

Интервалы я задаю в computed - range. Познаний в js не хватило, чтобы создать массив объектов с ключем - время.
Я думал сделать что-то вроде ['время':событие и тд..

У каждой строки можно по идексу присваивать событие.
Вроде бы и рядом, но чувствую, что такие задачи иначе решаются.

Конечная задача не используя fullcalendar и прочие вещи - сделать такую простыню динамическую. События приходят в реалтайме. И хочется, чтобы они сразу появлялись в нужном месте...

Кто может советом/опытом поделится?
Забыл прикрепить фиддл. В общем пока думал сделал вроде.
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
PLATFORM Тюмень
от 100 000 до 150 000 ₽
ДП-Экспресс Санкт-Петербург
от 130 000 до 200 000 ₽
Astroshock Москва
от 110 000 до 180 000 ₽
26 янв. 2021, в 15:11
200000 руб./за проект
26 янв. 2021, в 14:55
2000 руб./за проект
26 янв. 2021, в 14:48
900 руб./в час