Javascript handson表中的默认可折叠组

Javascript handson表中的默认可折叠组,javascript,jquery,handsontable,Javascript,Jquery,Handsontable,如何使我的掌上电脑桌组在默认情况下可折叠。它默认打开 我有下面的代码js和html代码 虽然实际上没有任何内置功能来完成您所寻找的功能,但有一个我过去使用过的黑客解决方法。 看看这把小提琴: 如您所见,页面加载时其中一个组被折叠。这是由于以下行: hot.runHooks(“beforeOnCellMouseDown”,“target”:$(“#htCollapseRowsFromLevel-1”)[0]} beforeOnCellMouseDown钩子期望鼠标事件作为第一个参数,但是我们可以给

如何使我的掌上电脑桌组在默认情况下可折叠。它默认打开

我有下面的代码js和html代码


虽然实际上没有任何内置功能来完成您所寻找的功能,但有一个我过去使用过的黑客解决方法。 看看这把小提琴:

如您所见,页面加载时其中一个组被折叠。这是由于以下行:
hot.runHooks(“beforeOnCellMouseDown”,“target”:$(“#htCollapseRowsFromLevel-1”)[0]}


beforeOnCellMouseDown
钩子期望鼠标事件作为第一个参数,但是我们可以给它一个字典,目标属性设置为与我们要折叠的组对应的group-button-dom元素

只需在hot中添加您不想调整大小的参数,即: 如果只想调整前3列的大小,可以执行以下操作:

  manualRowResize: true,
    ...
    colWidths: [, , , x, x],
//x can be any colWidth number
   });
如果你想要第一列和第四列

  manualRowResize: true,
    ...
    colWidths: [, x, x, , x],
   });

handsontable中没有任何api可以按默认值折叠组。没有其他方法可以这样做吗?我也尝试过触发点击事件,但它不起作用。你想让桌子开始折叠吗?谢谢Anthony,这对我有效。这里有一个问题,我无法用“hot.updateSettings({colHeaders:false}”);隐藏列标题,我可以在放入代码行之前隐藏这些标题:“hot.runHooks(“beforeOnCellMouseDown”,“target”:$(“#htCollapseRowsFromLevel-1”)[0]};”查看,似乎正在对前面提到的鼠标事件调用
stopImmediatePropagation
函数。由于我们的词典中没有这个词,所以出现了一个错误,导致了后续的问题。这里有一个更新的fiddle,它显示了需要做什么才能为您工作:使用更新的fiddle,它只会折叠一个组,因为您已经提到过这样的情况是的,您需要更新选择器以指示要激活哪些控件,每个组有一个
runHooks
调用。在我的小提琴中,您可以像这样折叠所有组:
hot.runHooks(“beforeOnCellMouseDown”,{stopImmediatePropagation:function(){},target:$([0]})div#htCollapse-r1.htVerticalGroup.htCollapseButton);hot.runHooks(“beforeOnCellMouseDown”,{stopImmediatePropagation:function(){},target:$(“div#htCollapse-r2.htVerticalGroup.htCollapseButton”)[0]})但您使用的选择器可能会有所不同。
  manualRowResize: true,
    ...
    colWidths: [, x, x, , x],
   });