Vue2.0 + Element-UI 中 el-table 滚动条遮挡边框如何解决？

Question

技术：vue2.0 + element-ui
场景：el-table + 自己重写了滚动条样式
问题：表格右侧，滚动条左侧表格边框被滚动条遮挡
正常情况：
错误情况：

1.页面如果缩放，可能原本正常的不正常了，不正常的就正常了，难受

Answer 1

我的这个问题解决了，但我解决的是底部滚动条遮挡内容，右侧应该同理：
当表格有数据时，给表格本身或者表格父层元素添加个class，例如：

<el-table scrollbar-always-on :data="userResult" :class="{ 'table-yield': userResult.length }" height="100%" border>
……
</el-table>

设置这个 .table-yield 的样式如下：

.table-yield .el-table__header-wrapper {
    padding-right: 15px;
    box-sizing: border-box;
}

.table-yield .el-scrollbar__wrap {
    padding-right: 15px;
}

.table-yield .el-scrollbar__view {
    padding-bottom: 15px;
}

有数据时，滚动条会被让出来；

---

注意：
1、底部滚动条会在右侧滚动条底部让出位置，正常情况还是会盖住数据，如果正常下不盖住数据，需要自己微调一下；
2、右上角有瑕疵，要自己用伪类或设置背景颜色弥补；
3、如果显示合计，记得也要自己处理一下；

---