728x90
반응형
scrollCollapse: false는 DataTables 옵션 중 하나로, 테이블 내에 세로 스크롤이 활성화되어 있을 때
테이블의 크기에 따라 스크롤 영역이 자동으로 축소되지 않도록 설정하는 역할을 합니다.
구체적인 설명은 다음과 같습니다:
- scrollCollapse: false:
- 테이블에 데이터가 적어도 스크롤 영역이 고정된 크기를 유지합니다.
- 세로 스크롤이 활성화된 상태에서도 테이블의 높이를 조정하지 않으며, 스크롤바가 항상 나타날 수 있습니다.
- 빈 데이터나 적은 데이터로 인해 테이블의 높이가 작아지더라도 스크롤 영역이 그대로 유지되기 때문에, 스크롤바의 유무에 상관없이 테이블이 일정한 높이를 유지합니다.
반대로 scrollCollapse: true로 설정하면, 데이터의 양에 맞춰 테이블 높이가 자동으로 줄어들며,
스크롤바가 나타나지 않게 됩니다.
728x90
반응형
'Front > JS & jQuery' 카테고리의 다른 글
[js] Quill Editor 높이 설정 (0) | 2024.11.06 |
---|---|
[jQuery] jQuery로 <textarea>를 제거하고 그 자리에 <div>동적으로 삽입 (0) | 2024.10.30 |
[jQuery][Datatables] datatables 의 모든 데이터 가져오기 (0) | 2024.09.10 |
[CSS] 상위요소 너비 이상이면 스크롤 생성 (0) | 2024.09.08 |
[js] Promise 객체 처리 (0) | 2024.09.07 |