javascript - フロントエンドはこのタイプのデータをどのように表示しますか?

Question

私の卒業プロジェクトは教育管理システムの Web サイトを構築することですが、時間割表示で止まってしまいます。

これは私のデータベースフィールドの設計ですが、フロントエンドで表示する方法がわかりません。
たとえば、火曜日の 3 時間目から 5 時間目までは編集技術のコースが教えられており、このフォームでは 3 時間目から 5 時間目までは編集技術のコースが表示されますが、通常、フォームには tr が 1 行表示されます。ので、これを縦に3行（セクション3〜5）に表示するにはどうすればよいですか。 。

Answer 1

time各コースの end - start は、特定の rowspan 値を計算し、対応する table に設定します。もちろん大丈夫ですtime里面每一节课程的 end - start计算出具体 rowspan的值设置在table对应的课程就好了

rowspan

rowspan は、要素が占める行数を設定するために使用されます🎜

Answer 2

同じ連続する列行を結合するプラグインを見つけます

Answer 3

table タグの学習に注意してください。td には、前述の効果を達成できる Colspan 属性と rowspan 属性があります