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

我正在rails应用程序中使用。我已经使用以下JS实现了显示/隐藏

按钮的
单击事件的第一列的功能：

// 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");
  }
});

有什么帮助吗？
您有没有设置桌子宽度的类？有，但没有设置桌子宽度的类。虽然这会将每个表行的宽度设置为tr{minwidth:100%；max width:100%；}，但我尝试过删除该tr样式，但它并没有解决问题。您是否尝试过将
width:100%
添加到表类中？是的，这最初会设置元素。style{width:100%}，但在第一次单击按钮后，该按钮再次设置为减小的宽度（例如1020px）
element.style {
   width: 1080px;
}