解决ElementUI表格列宽自适应及由此带来的样式问题

一. 需自适应宽度列使用 <af-table-column></af-table-column>替换 <el-table-column></el-table-column>标签

二. 解决样式问题

// 解决自适应列宽度后当列过少时表格出现空白列
table {
 width: 100% !important;
}

// 解决固定列下滚动条被遮挡问题
.el-table__fixed, .el-table__fixed-right {
 height: auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式
 bottom: 8px !important; // 固定列默认设置了定位，position: absolute;top: 0;left: 0;只需要再设置一下bottom的值，让固定列和父元素的底部出现距离即可
}

// 解决表格滚动到底部时固定列与其余列错位问题
.el-table__fixed-body-wrapper {
 height: calc(100% - 57px) !important;
 padding-bottom: 17px;
 box-sizing: content-box;
}

// 表格右侧固定栏底部横线隐藏
.el-table__fixed-right::before {
 display: none;
}