전체 높이가

Question

인 Jquery Datatables Scroller 플러그인은 화면 높이의 100 %를 채우는 데이터 테이블에 대한 데이터 테이블의 스크롤러 플러그인을 사용할 수 있습니까?

$("#testtable").dataTable({ 
     "bServerSide": true, 
     "sAjaxSource": sLoc +'/Test/getData', 
     "sServerMethod": "POST", 
     "bScrollInfinite": true, 
     "sScrollY":"200px", 
     "sDom": "frtiS", 
     "oScroller": { 
      "loadingIndicator": true 
     } 
    }); 

여기에서 sScrollY 옵션을 200px 이외의 값으로 변경하면 스크롤 막대가 사라집니다. iDisplayLength 값을 변경하면 작동하는 것 같습니다. 얼마나 많은 항목이 실제 페이지에 들어갈 수 있는지 알아 보는 기능이 있습니까?

무한 스크롤을 사용하려면 모든 데이터를로드하는 것은 의미가 없습니다. 하지만 덜로드하면 스크롤 막대가 사라집니다.

Answer 1

나는 결국 이런 식으로했다 :

처음에는 계산 된 페이지의 높이와 DataTable을 특정 div 태그의 높이를 뺀다.

$(".page").height()  - $(".dataTables_filter").outerHeight(true) 
         - $(".dataTables_scrollHead").outerHeight(true) 
         - $(".dataTables_info").outerHeight(true); 

그런 다음 나는 이것이 수용 가능한 해결 방법이며, 아마도 누군가를하는 데 도움이 나에게 $("div.dataTable_scrollBody").height()

이 값을 설정합니다.