el-table修改滚动条样式导致留白问题

正常为了美观，项目都会全局或者局部添加滚动条样式；近期遇到的留白问题，是修改局部组件滚动条样式引起的。

由图可以看出，表格跟滚动条之间存在留白处。

看元素发现el-table__fixed-right样式是滚动设置的，决定从源码入手，看看el-table是怎么计算的。

从源码中可以看出，gutterWidth的计算是通过在body创建一个el-scrollbar__wrap类的div，在el-scrollbar__wrap通过设置样式scroll，再里面引入子级div，通过父子级的offsetWidth计算出scroll的宽度是多少，而scroll的宽度实际上是全局的scroll宽度，所以导致我们在组件局部定义scroll宽度会出现留白。

解决方式：

修改.el-scrollbar__wrap滚动条宽度就可以解决问题，高度问题也是同理的。