我正在使用 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不会移动不再,它与桌子重叠......
但是,我仍然不知道如何从掌上电脑中删除设置...
答案 0 :(得分:0)
正如您在编辑中提到的,通过将值更新为null,它似乎是使用Handsontables选项重置设置的一种方法。根据我的经验,您不希望将高度和宽度设置为null,而是将其更新为新值。
例如,如果您正在清除像nestedHeaders这样的设置;您只需将该值设置为null即可停止使用nestedHeaders功能。但是,这对每个选项都不起作用。
如果您正在尝试展开和折叠指针,则将高度和宽度设置为null或零不是最佳解决方案。您应该使用jQuery(handsontable'父选择器).hide()或.show()更新父div以显示null。