Handsontable 移除设置 [尤其是宽度和高度]答案

【问题标题】：Handsontable remove settings [especially width and height]Handsontable 移除设置 [尤其是宽度和高度]
【发布时间】：2016-11-07 01:14:21
【问题描述】：

我正在使用 handsontable [JavaScript 电子表格 library] 并希望使用引导样式复选框切换设置。第一件事是，在选中该框时为表格设置特定的宽度和高度，并在取消选中该框时撤消此固定大小（因此它会再次自动调整大小）。这是我当前的代码：

$('#mycheckbox').click(function() {
  if($('#mycheckbox').prop("checked") == true){
    handsontable_table.updateSettings({
       width: 725,
       height:100
    })
  }else{
  handsontable_table.updateSettings({
        // missing :(

        //UPDATE:
         width: null,
         height: null
  })
 }
});

首先，我的手动桌会自动调整为正确的大小。当我选中复选框时，表格会调整为给定的宽度和高度。但我不知道如何删除这个宽度和高度设置。我尝试将它们设置为“false”或 0 或使用 jQuery-.removeProp() 删除这些设置，但它们都没有达到我想要的效果。而且我在handsontable-docs（或其他网站）中找不到正确的东西。

非常感谢您的帮助！

编辑
我找到了一个解决方案：您只需将宽度和高度设置为null。请参阅上面的编辑。但是当我最小化我的表格并再次最大化它时发生了一些奇怪的事情 - 起初，我在表格下方的 div 滑到我的表格的新底部，但是当它再次变大时，div 不再移动，它与表格重叠...

但是，我仍然不知道如何从掌上电脑中删除设置...

【问题讨论】：

标签： javascript jquery html checkbox handsontable

【解决方案1】：

正如您在编辑中提到的，通过将值更新为 null 似乎是使用 Handsontables 选项重置设置的一种方法。根据我的经验，您不想将高度和宽度设置为空，而是将其更新为新值。

例如，如果您要清除诸如 nestedHeaders 之类的设置；您只需将该值设置为 null 即可停止使用 nestedHeaders 功能。但是，这并不适用于所有选项。

如果您尝试展开和折叠一个掌上电脑，那么将高度和宽度设置为 null 或零并不是最好的解决方案。您应该使用 jQuery（handsontable 的父选择器）.hide() 或 .show() 更新父 div 以显示 null。

【讨论】：