javascript - 프런트 엔드는 이러한 유형의 데이터를 어떻게 표시합니까?

Question

제 졸업 프로젝트가 교육관리시스템 홈페이지 구축인데 시간표 표시에서 멈췄어요.

제 데이터베이스 필드 디자인인데 주로 프런트 엔드에 어떻게 표시해야 할지 모르겠습니다.
예를 들어, 화요일에 편집 기술 과정이 3~5교시 동안 진행되고, 이 표에서는 편집 기술 과정이 3~5교시로 표시되지만 일반 표에서는 tr이 한 행으로 표시되므로 이것을 어떻게 세 개의 수직선(섹션 3~5)으로 표시할 수 있습니까? .

Answer 1

timeend - start의 각 코스에 대해 특정 rowspan 값을 계산하고 table 해당 코스

에 설정하면 됩니다.

rowspan의 기능은

요소가 차지하는 행 수를 설정하는 것입니다.

Answer 2

동일한 연속 열 행을 병합하는 플러그인 찾기

Answer 3

테이블 태그에 주의하세요. td에는 colspan 및 rowspan 속성이 있어 언급한 효과를 얻을 수 있습니다