vue3Element-ui中el-table添加了竖向滚动条使用横向滚动条出现错位的问题

在使用Element-ui的el-table组件中，如果同时添加了竖向滚动条和横向滚动条，可能会出现错位的问题。这是因为竖向滚动条会占据一定的宽度，导致横向滚动条的位置不正确。

解决这个问题的方法是使用CSS样式来调整滚动条的位置。可以使用以下代码：

.el-table__body-wrapper::-webkit-scrollbar {
  width: 6px; /* 设置滚动条的宽度 */
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #ccc; /* 设置滚动条的颜色 */
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  background-color: #f5f5f5; /* 设置滚动条的背景色 */
}

将以上代码添加到你的样式文件中，然后给el-table组件添加一个class，例如：`scrollable-table`。然后在el-table组件上添加该class，即可修复错位问题。