jquery - DataTables 调整列大小无法与滚动条一起正常工作

Question

我想开发一个能够通过单击和拖动来调整列大小的表格(我已经使用 ColReorderWithResize 插件完成了此操作)。

但是，当我使用滚动选项并尝试调整标题列的大小时，调整标题大小时表格不会与标题对齐。

这是一个fiddle script 。

我想要的是，如果我调整标题列(例如浏览器列)的大小，那么正文列应与标题列对齐。当我想使用滚动条时，这是 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();
  }
});

Answer 1

试试这个..重新绘制它将影响的数据表。

$("#table_id").dataTable().fnDraw();