DataTables調整列的滾動條無法正常工作

我想開發一個能夠通過單擊和拖動來調整列大小的表格（我已經使用ColReorderWithResize插件完成了這一工作）。DataTables調整列的滾動條無法正常工作

但是，當我使用滾動選項，並嘗試調整標題列的大小時，標題調整大小時表不會與標題對齊。

我想要的是，如果我調整標題列（例如瀏覽器列）的大小，那麼正文列應與標題列對齊。當我想使用滾動條時，這是ColReorderWithResize中的正常行爲嗎？

注意我用的：

數據表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(); 
    } 
});

來源

2013-04-24 Martin M.

只是嘗試這個..重繪數據表就會生效。（）「＃table_id」）。dataTable（）。fnDraw（）;

來源

2014-12-03 11:49:00

$("#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(); 
       });

這解決了我的問題，如果你使用數據表和滾動插件。

來源

2016-11-28 00:43:09

DataTables調整列的滾動條無法正常工作

回答

相關問題