Handsontable - 更改行高 - 跳跃滚动答案

【问题标题】：Handsontable - Change row height - jumpy scrollHandsontable - 更改行高 - 跳跃滚动
【发布时间】：2023-03-23 18:25:02
【问题描述】：

我尝试用css改变表格的行高

我添加了这个来改变行高。

#basic_example td
{
     height: 15px!important;
    line-height: 15px!important;
    font-size: 10px;
}

行高变小了，但现在滚动是..跳跃的？

使用默认行高时，滚动时单元格会很好地添加，但如果行较小，则在您滚动超过某个部分之前不会添加新行。

我猜 javascript 部分不喜欢新的变化。

如果你能帮我解决这个问题，让滚动条的行高更小，那就太好了。

谢谢；

【问题讨论】：

这可能是一个错误，因此请将其发布在 github 问题页面上，以供 handsontable 使用。问题在于虚拟渲染：标准行为是只渲染用户可以看到的内容。我的猜测是虚拟渲染器通过使用行高的值来计算用户可以看到的内容，该值在降低时不会被反映。因此，您需要滚动足够多，以使渲染器达到原始高度的行数

【解决方案1】：

如果我理解得很好，如果我们在创建 Handsontable 对象时将renderAllRows: true 添加到您的设置选项中，您的问题将得到解决。

var hot = new Handsontable($('#tableContainerId')[0], {
         ...
         renderAllRows: true,
         ...
});

【讨论】：