Kalender - Tagesansicht

[Meowsalot]

Hallo,

ich möchte gerne eine Tagesansicht für einen Kalender umsetzten. Meine Idee war erst dieses mit einer Tabelle zu realisieren, dieses finde ich jetzt keine gute Idee mehr, denn ich würde die Darstellung gerne wie folgt darstellen

Wenn ich dieses mit einer Tabelle mache, dann benötige ich eine Menge an Zeilen und wie mache ich es wenn ein Termin über mehrere Stunden geht? Da müsste ich dann Zelle verbinden, usw.. Ich denke mit diverse DIVs geht dieses einfacher? Eine Lösung habe ich leider noch nicht

Was ich auf keinen Fall möchte, ist folgende Darstellung wenn es unterschiedlich Lange Termine gibt.

Wie könnte ich dieses am besten umsetzten? Das ist nur für Intern, das heißt es kann auch Moderne Technik genommen werden wie Flex oder Grid. Ein IE und oder Edge ist nicht im Einsatz.

Dieser Fehler hat derzeit Google.

Bis bald!
Meowsalot (Bernd)