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调整列的滚动条无法正常工作

回答

相关问题