handsontable 行列滑动时卡顿问题

问题描述

handsontable 默认在渲染行列时只渲染视图所见区域，所以当我们在使用handsontable时，如果行或者列太多的情况下，就会导致滑动的时候特别卡，因为视图所见区域外的行列都是在我们拖动时动态渲染的，浏览器控制台也会频繁的打出如下警告
[Violation] Forced reflow while executing JavaScript took ms

解决办法

行处理：开启初始化渲染全部行

renderAllRows: true,

列处理：列没有renderAll函数，可以通过设置可见偏移来实现预渲染

// 值为你非视图所见区域的列数
viewportRowRenderingOffset: 20,

注意

通过上述方法可大幅提升多行多列下滑动的效率，但是在行或列滑到底的情况下会卡一小下下，暂时不知道解决方案。