@handsontable/vue3插件表格滑动横向滚动条时表格元素的类名和样式怎么不让其重置

@handsontable/vue3插件使用的是Handsontable表格库，当你滑动表格的横向滚动条时，表格元素的类名和样式可能会被重置，这是因为Handsontable会重新渲染表格元素。如果你想保留表格元素的类名和样式，可以使用`afterRender`钩子函数，在该函数中重新添加类名和样式。例如：

<template>
  <div ref="hotTable"></div>
</template>

<script>
import Handsontable from 'handsontable';
import 'handsontable/dist/handsontable.full.css';

export default {
  mounted() {
    const hot = new Handsontable(this.$refs.hotTable, {
      data: getData(),
      colHeaders: getColHeaders(),
      rowHeaders: getRowHeaders(),
      columns: getColumns(),
      afterRender: function() {
        const tbody = this.view.TBODY;
        for (let i = 0; i < tbody.childNodes.length; i++) {
          const tr = tbody.childNodes[i];
          tr.classList.add('my-tr-class');
          for (let j = 0; j < tr.childNodes.length; j++) {
            const td = tr.childNodes[j];
            td.classList.add('my-td-class');
          }
        }
      }
    });
  }
}
</script>

<style>
.my-tr-class {
  background-color: #fff;
}

.my-td-class {
  font-weight: bold;
}
</style>

在`afterRender`钩子函数中，我们遍历表格的所有行和单元格，分别添加自定义的类名和样式。这样，当滑动横向滚动条时，表格元素的类名和样式就不会被重置了。