[js][datatables] datatables 높이 조절

CSS로 테이블 높이 조절하기

가장 간단한 방법은 DataTable을 감싸고 있는 container에 height를 지정하고, scrollY 옵션을 설정하는 것입니다.

<div class="table-container" style="height: 600px;">
  <table id="example" class="display" style="width:100%"></table>
</div>

$('#example').DataTable({
  scrollY: '500px', // 또는 '60vh'처럼 viewport 기준도 가능
  scrollCollapse: true,
  paging: false // 필요시
});