在handsontable/vue3中当行数过多时，会导致页面渲染变慢或者卡顿，怎么开启handsontable的虚拟滚动

在handsontable/vue3中，可以通过配置`viewportColumnRenderingOffset`和`viewportRowRenderingOffset`属性来开启虚拟滚动。`viewportColumnRenderingOffset`表示离可视区域左右两侧的列数，`viewportRowRenderingOffset`表示离可视区域上下两侧的行数。

以下是一个示例代码：

<template>
  <div id="hot"></div>
</template>

<script>
import { createApp } from 'vue';
import Handsontable from 'handsontable';

export default {
  mounted() {
    const container = document.getElementById('hot');
    const hot = new Handsontable(container, {
      data: this.data,
      colHeaders: true,
      rowHeaders: true,
      viewportColumnRenderingOffset: 20, // 可以根据实际情况调整
      viewportRowRenderingOffset: 100, // 可以根据实际情况调整
      stretchH: 'all'
    });
  }
};
</script>

在这个示例代码中，我们将`viewportColumnRenderingOffset`设置为20，表示左右两侧各20列，将`viewportRowRenderingOffset`设置为100，表示上下两侧各100行。可以根据实际情况调整这两个参数的值。开启虚拟滚动后，当用户滚动表格时，只会渲染可见区域的数据，从而提高渲染性能。