IT/에러 해결 모음

[fullcalendar] How to control the dimensions of the calendar

eternitys 2021. 4. 26. 23:50

height를 조절하여 머릿글부터 바닥글까지 전체 달력의 높이 조절이 가능합니다.

 

값이 지정되면 달력의 높이는 정확한 픽셀 높이로 보장되며 내용이 높이에 맞지 않으면 스크롤바가 나타납니다.

 

"100%"로 지정하면 달력의 높이는 부모 컨테이너 요소의 높이와 일치합니다.

다른 유효한 CSS 값도 허용합니다.

100% 지정시 이렇게 나옵니다.

 

 height: 사용의 예 입니다.

 

var calendar = new Calendar(calendarEl, {

    height: 650

});

 

또 

 

초기화 후 캘린더의 높이를 동적으로 설정할 수 있습니다.

 

calendar.setOption('height', 700);

 

 

 

참조

fullcalendar.io/docs/sizing