vue elementUI怎样解决表格滚动条滑动，表格错位

在使用Vue.js和Element UI时，如果遇到表格滚动条滑动导致表格错位的问题，可能是由于虚拟滚动（virtual scroll）没有正确处理或者是表格行高不一致造成的。

解决方案：

1. 确保表格行高一致：如果你使用了虚拟滚动（例如通过<el-table>组件的height属性设置固定高度实现），那么每行的内容应该有固定的高度，以保证滚动时表格的正确显示。
2. 使用<el-table>组件的row-height属性：如果行高不一致，可以尝试设置row-height属性为固定值。
3. 监听滚动事件：可以通过监听表格的滚动事件，并在事件回调中重新计算或者刷新表格以保持布局的正确性。
4. 使用<el-table-column>组件的resizable属性：如果列宽可调整，应当禁用它，或者提供一种机制在调整列宽后重新计算表格布局。
5. 更新Element UI到最新版本：有时候错位问题可能是因为Element UI的bug导致的，更新到最新版本可能会解决这些问题。

下面是一个简单的例子，展示如何在Vue中使用Element UI的表格组件并设置固定高度来避免滚动时错位的问题：

<template>
  <el-table :data="tableData" height="200" row-height="50">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // ...数据项
      ]
    };
  }
};
</script>

在这个例子中，:data绑定了表格数据，height设置了表格的总高度，row-height设置了每行的高度。这样配置后，表格在滚动时应该能够保持正确的布局。