Front/JS & jQuery

[jQuery][Datatables] scrollCollapse

오선지♬ 2024. 9. 13. 19:37
728x90
반응형

scrollCollapse: false는 DataTables 옵션 중 하나로, 테이블 내에 세로 스크롤이 활성화되어 있을 때

테이블의 크기에 따라 스크롤 영역이 자동으로 축소되지 않도록 설정하는 역할을 합니다.

구체적인 설명은 다음과 같습니다:

  • scrollCollapse: false:
    • 테이블에 데이터가 적어도 스크롤 영역이 고정된 크기를 유지합니다.
    • 세로 스크롤이 활성화된 상태에서도 테이블의 높이를 조정하지 않으며, 스크롤바가 항상 나타날 수 있습니다.
    • 빈 데이터나 적은 데이터로 인해 테이블의 높이가 작아지더라도 스크롤 영역이 그대로 유지되기 때문에, 스크롤바의 유무에 상관없이 테이블이 일정한 높이를 유지합니다.

 

반대로 scrollCollapse: true로 설정하면, 데이터의 양에 맞춰 테이블 높이가 자동으로 줄어들며,

스크롤바가 나타나지 않게 됩니다.

728x90
반응형