javascript - How does the front end display this type of data?

Question

My graduation project is to build an educational management system website, but it is stuck in the timetable display.

This is my database field design. I mainly don’t know how to display it on the front end.
For example, the compilation technology course is taught in periods 3 to 5 on Tuesday, and then the compilation technology course will be displayed in periods 3 to 5 in this table, but the general table shows one row of tr, so I don’t know. How can I display this to three vertical lines (sections 3 to 5). .

Answer 1

time里面每一节课程的 end - start计算出具体 rowspan的值设置在tableJust the corresponding course

The function of

rowspan is to set the number of rows occupied by an element

Answer 2

Find a plugin to merge the same consecutive rows of columns

Answer 3

Pay attention to learning the table tag, td has colspan and rowspan attributes, which can achieve the effect you mentioned