javascript - 可手动删除设置[特别是宽度和高度]

Question

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

$('#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
  })
 }
});

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

非常感谢您的帮助!

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

但是，我仍然不知道如何从 Handsontable 中删除设置...

Answer 1

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

例如，如果您要清除嵌套标题之类的设置；您只需将该值设置为 null 即可停止使用nestedHeaders 功能。然而，这并不适用于每个选项。

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