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

1、问题描述

当表格里的内容比较多的时候，滑动滚动条，就会导致表头和内容错位，如图下所示。

2、解决方法

我们给表头的容器的右侧留出和滚动条宽度相同的尺寸，即可解决错位问题。

代码如下：

// 解决拖拽表格滚动条，错位问题
.el-table__header-wrapper{
  padding-right: 10px!important; // 滚动条宽度
}

3、展示效果