JQuery DataTables列可见性切换每次都会减少表格宽度

Question

我在rails应用程序中使用jQuery DataTables。我已经使用以下JS实现了在Click button事件上显示/隐藏第一列的功能：

// HTML body
<button id='show-hide' title='Hide logos'>«</button>

// Javascript
table = $('.mytable').DataTable();

$('#show-hide').on('click', function (e) {
  e.preventDefault();
  var column = table.column(0);
  column.visible( ! column.visible() );
  if(column.visible()) {
    $(this).text("«");
    $(this).attr("title","Hide logos");
  }
  else
  {
    $(this).text("»");
    $(this).attr("title","Show logos");
  }
});

每次单击按钮时，它都会切换列可见性，但会将表格宽度减少到几个像素（5px左右）。它会在每次点击时继续减少它。

我在Style调试器窗口中发现，每次点击都会设置新的缩减width，如下所示：

element.style {
   width: 1080px;
}

任何帮助？