L'OCOREoffice edition

修正箇所

datatable化するときにスクロール量に合わせて追従する処理を "initComplete": function(){...} で実行していましたが、下記のように修正してください。

"initComplete": function(){
  $('.dataTables_scroll').addClass('scroll-x');
  $('.scroll-fixedheader').addClass('scroll-x');

  // fiexedしているときのヘッダのスクロールにあわせる
  $('.scroll-fixedheader').on('scroll',function(){
    if($('.scroll-fixedheader').scrollLeft() == 0){
      //fixedヘッダーのコンテンツが複製とremoveを繰り返す影響でスクロールがリセットされる現象を防ぐ
      return false;
    }
    $('.dataTables_scrollBody').scrollLeft($(this).scrollLeft());
    $('.dataTables_scrollHead').scrollLeft($(this).scrollLeft());
  });
  // fiexedしていないときのヘッダのスクロールにあわせる
  $('.dataTables_scrollHead').on('scroll',function(){
    $('.dataTables_scrollBody').scrollLeft($(this).scrollLeft());
  });
  // datatableのtablebodyのスクロールに合わせる
  $('.dataTables_scrollBody').on('scroll',function(){
    $('.scroll-fixedheader').scrollLeft($(this).scrollLeft());
    $('.dataTables_scrollBody').scrollLeft($(this).scrollLeft());
  });
}

検索結果