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

@handsontable/vue3插件提供了一些自定义样式的选项，可以使用这些选项来修改表格元素的样式，以避免滑动横向滚动条时重置样式。具体的方法如下：

1. 在页面中引入相关的样式文件，可以使用CSS或者Sass等。

2. 在组件中使用`<HotTable>`标签来创建表格，同时传入自定义样式的选项。

<template>
  <div>
    <HotTable
      :data="data"
      :colHeaders="colHeaders"
      :columns="columns"
      :customRenderer="customRenderer"
      :stretchH="'all'"
      :scrollbarWidth="20"
      :columnSorting="true"
      :minSpareRows="1"
      :className="'my-custom-class'"
    />
  </div>
</template>

其中，`:className="'my-custom-class'"`是用来指定自定义的类名，可以根据需要修改。

3. 使用CSS或者Sass等来编写自定义的样式，以覆盖默认的样式。

.my-custom-class .ht_clone_top .htCore th {
  background: #f2f2f2;
}

.my-custom-class .ht_clone_left .htCore td {
  background: #f2f2f2;
}

例如，上面的样式可以用来修改表头和左侧固定列的背景色。使用这种方式可以避免在滑动横向滚动条时表格元素的样式被重置。