Handsontable删除设置[特别是宽度和高度]

时间:2016-07-05 09:07:18

标签: javascript jquery html checkbox handsontable

我正在使用 handontable [JavaScript电子表格 库]并希望使用bootstrap-styled-checkbox切换设置。第一件事是,在选中框时为表设置特定的宽度和高度,并在取消选中该框时撤消此固定大小(因此它会再次自动调整大小)。 这是我目前的代码:

$('#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会自动调整大小到正确的大小。当我选中复选框时,表格会调整到给定的宽度和高度。但我不知道如何删除这个宽度和高度设置。我试图将它们设置为“假”'或0或使用jQuery-.removeProp()删除这些设置,但它们都不能达到我想要的效果。我无法在handsontable-docs(或其他网站)中找到合适的东西。

非常感谢你的帮助!

修改 我找到了一个解决方案:你只需要将宽度和高度设置为null。见上面的编辑。 但是当我最小化我的桌子并再次最大化它时会发生一些奇怪的事情 - 首先,我桌子下方的div滑到我桌子的新底部,但是当它再次变大时,div不会移动不再,它与桌子重叠......

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

1 个答案:

答案 0 :(得分:0)

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

例如,如果您正在清除像nestedHeaders这样的设置;您只需将该值设置为null即可停止使用nestedHeaders功能。但是,这对每个选项都不起作用。

如果您正在尝试展开和折叠指针,则将高度和宽度设置为null或零不是最佳解决方案。您应该使用jQuery(handsontable'父选择器).hide()或.show()更新父div以显示null。