element-UI使用其table组件时遇到的bug

项目中需要使用到element-UI的table组件去展示一些数据，在使用插件的时候，出现了两个bug，两个都是样式bug
出现的场景是：将table组件进行单独封装，在其他组件中引入

bug1

style中使用了scoped，导致一些样式无法生效
对于scoped本人不是很熟，这个bug产生的原因目前不详
以后出现这个bug，可以作为参考
如果有大牛了解，还望不吝赐教

bug2

使用element的table组件，加上了border属性之后，表格的单元格与边框之间出现了一个缝隙，出现在表头的右侧
试过的方式：
在table组件外面包裹一个div，给div设置 style=“width:100%”，无效
给table组件设置同样属性，无效；width设置为99.9%，缝隙消失，但是会出现两条边框线叠加的情况
网上查找了很多方法
最终解决这个bug的方法：
在table外面包一层div，设置width为100%
table设置width为99.9%
在样式中添加

body .el-table th.gutter{
    display: table-cell!important;
}

现在看来样式无问题

如果各位大牛有更好的方法，请一定赐教