DataTables 스크롤 막대가 제대로 작동하지 않는 경우 열 크기 조정

Question

클릭하고 드래그하여 열의 크기를 조정할 수있는 표를 개발하고자합니다 (ColReorderWithResize 플러그인을 사용하여이 작업을 수행했습니다).

그러나 scroll 옵션을 사용하고 헤더 열의 크기를 조정하려고하면 헤더의 크기를 조정할 때 테이블이 헤더와 정렬되지 않습니다.

여기는 fiddle script입니다.

내가 원하는 것은 헤더 열 (예 : 브라우저 열)의 크기를 조정하면 본문 열이 헤더 열과 정렬되어야한다는 것입니다. 스크롤 막대를 사용할 때 ColReorderWithResize에서 정상적인 동작입니까? 내가 사용하고

참고 :

DataTables 1.9.4

ColReorderWithResize 1.0.7

var $table = $("#demo table"); 
$table.dataTable({ 
    "sDom": "Rlfrtip", 
    "sScrollY":($(window).height() - 300) + "px", 

    "fnDrawCallback": function() { 
    $(window).unbind('resize').bind('resize', function() { 
     that.applyTableHeight(); 
    }); 
    }, 
    applyTableHeight:function() { 
    var sScrollY = ($(window).height() - this.staticHeight) + "px"; 
    $(".dataTables_scrollBody").css("height", sScrollY); 
    this.calculateTableWidth(); 
    } 
}); 

Answer 1

은이 ..이 영향을 것입니다 데이터 테이블을 다시 그려보십시오.

$ ("# table_id"). dataTable(). fnDraw();

Answer 2

$("#tblname").dataTable({ 
     autoWidth: false, 
     oLanguage: {"sZeroRecords": ' ', "sEmptyTable": ' ' }, 
     select: true, 
     scrollY:  500, 
     scrollX:  false, 
     deferRender: true, 
     scroller:  false, 
     paging: false, 
     ordering: false, 
     info:  false 
    }); 
$(window).resize(function() { 
     $("#tblname").dataTable().fnDraw(); 
       }); 

datatables 및 스크롤 플러그인을 사용하면이 문제가 해결되었습니다.