elementUI中el-table表格的表头样式错位

版本：element-ui 2.12.0

1. 问题描述：

使用elementUI的el-table表格组件时，表格高度定高，内容过多时右侧会出现滚动条，然后就会出现如下图所示的列错位的样式：

解决办法：

在网上也找了好多方法，试了好多改CSS样式的方式，都没有什么用，没有达到效果，最后还是采用js的 doLayout 方法，在获取到数据后重绘表格，实现了想要的效果。

代码很简单，如下：

templete中给表格设置 ref 属性：

<el-table :data="table" ref="table" ></el-table>

script中强制重绘渲染表格（在请求后台获取到列表数据以后）：

this.$nextTick(() => {
     this.$refs.table.doLayout();
})

最终，实现了表格列的对齐显示如下图：

2. 问题描述

表格设置了第一列固定后，然后表头的第一列下方就出现了一条边框线。

 解决办法：

.el-table__header th {
     background: #f2f2f6;
     -webkit-box-shadow: 0px 0px 0px 0px #d2d2d2;
     box-shadow: 0px 0px 0px 0px #d2d2d2;
}

最终效果：

 

还有什么问题，欢迎留言哦~~~