固定列のJQueryデータテーブルの応答性の問題

Question

JQuery Datatableで固定列を使用すると、ウィンドウのサイズを変更すると正しく動作しません。

オプションからscrollXを削除しても、それはうまく表示されますが、fixedColumn機能は機能しません。ちょうどあなたのテーブルタグでwidth="100%"を追加

$(document).ready(function() { 
    $('#example').DataTable({ 
     scrollY:  300, 
     scrollX:  true, 
     scrollCollapse: true, 
     paging:   false, 
     fixedColumns: true, 

    }); 
}); 

Link To Jsfiddle

Answer 1

：

は、下の私のオプションを参照してください。

これを行うことで動作するはずです。