Front/JS & jQuery
[jQuery][Datatables] scrollCollapse
오선지♬
2024. 9. 13. 19:37
728x90
반응형
scrollCollapse: false는 DataTables 옵션 중 하나로, 테이블 내에 세로 스크롤이 활성화되어 있을 때
테이블의 크기에 따라 스크롤 영역이 자동으로 축소되지 않도록 설정하는 역할을 합니다.
구체적인 설명은 다음과 같습니다:
- scrollCollapse: false:
- 테이블에 데이터가 적어도 스크롤 영역이 고정된 크기를 유지합니다.
- 세로 스크롤이 활성화된 상태에서도 테이블의 높이를 조정하지 않으며, 스크롤바가 항상 나타날 수 있습니다.
- 빈 데이터나 적은 데이터로 인해 테이블의 높이가 작아지더라도 스크롤 영역이 그대로 유지되기 때문에, 스크롤바의 유무에 상관없이 테이블이 일정한 높이를 유지합니다.
반대로 scrollCollapse: true로 설정하면, 데이터의 양에 맞춰 테이블 높이가 자동으로 줄어들며,
스크롤바가 나타나지 않게 됩니다.
728x90
반응형