応答テーブルで作業していて、テーブルでDataTableとcolResizableの両方を使用しているときに問題が発生しました。jQuery DataTablesとcolResizableで列のサイズを変更する際の問題
理想的には、thとtdの両方が同時にサイズ変更されるように列のサイズを変更したいと考えています。
私は(JSFiddleを参照)、それはsScrollYを有効にする前に行ったようにのみリサイズ列が目のために、もはやtd要素のために働く、とTBODYのためのスクロールバーを取得するためにsScrollYを有効
コード:
$('#example').DataTable({
sDom: "Rlfrtip"
//,sScrollY: "680px" // When enabling this, resizing only works for td, not for th.
,bPaginate: false
,bInfo: false
,initComplete: function(settings) {
$('#example').colResizable({liveDrag:true});
}});
参照用
JSFiddle:http://jsfiddle.net/eLm6ugp7/103/
編集: それは、この関連の議論に見られるように、これは、また他の人々のための問題となっていたようです:https://datatables.net/forums/discussion/26786/basic-column-resizing-plugin