element-ui el-table滚动条溢出问题（不在表头内部跑到了外部）

样式问题

如下代码 在el-table中加入height="xxx" 即可在表格高度不够时，自动出现滚动条

效果如下图

如图可见，问题是滚动条溢出了，不在蓝色表头的内部 跑到外部去了 很不美观。

 

解决办法

在css中添加如下代码

.has-gutter th{
	color:#ffffff !important;
	background-color:#5D9ADF !important;
}

代码中的 颜色代码 #5D9ADF 应为对应的表头颜色，这样才能和表头融为一体。

 

*但是又出现了新的问题，如下图

滚动条的顶部 好像就是没有到头一样，露出了多余的蓝色，解决方法是在css文件中 加入如下代码

.el-table__body-wrapper{
	margin-top: -1px;
	margin-left:-1px;
}

.el-table__body-wrapper 应该就是代表的滚动条，这时候把他的 margin值 根据实际情况调整成负值，盖住多余出来的蓝色就可以了。