una tabla obtener dinamica datos crear con agregar javascript html calendar tabular

tabla - ¿Cómo puedo crear un horario semanal dinámico en HTML y Javascript?



innerhtml (1)

Es simple crear un diseño basado en tablas para un calendario semanal con 7 columnas por cada día de la semana y varias filas por cada hora de la semana. No tengo problemas para crear eso. La parte difícil es llenar esta tabla con ''eventos'' diarios dinámicamente (ni siquiera estoy seguro de cómo lo haría estáticamente).

El usuario tendrá acceso a una lista de ''eventos'' que les gustaría agregar a su agenda semanal. Y deben agregarse dinámicamente a la página web. Cada evento tiene un tiempo específico de inicio y finalización, y puede ocurrir en más de un día de la semana. No estoy seguro de cómo podría agregar estos ''eventos'' a mi diseño de mesa sin entrar en un montón de problemas de rowspan (muchos de los eventos tienen varias longitudes y abarcan diferentes horas). Sería fácil si cada evento tuviera siempre una hora de duración, pero ese no es el caso.

Estaba pensando en hacer cada día una tabla respectiva con una columna de horas ocultas. Todavía siento que esto resultará en un gran desastre. ¿Algunas ideas?