element-ui table 固定列fixed后，底部滚动条

如这篇文章所写：

image.png

最终解决方法如下：
1、在对应的vue文件里，先设置最外层的大div的class名为 admin_wrapper
2、在需要改变的vue文件里，书写局部样式

注意这里，项目支持啥样式就对应些啥（我的项目里配置支持了scss的写法）

<style  lang='scss' scoped>
.admin_table /deep/ .el-table__fixed {
  height:auto !important;
  bottom:16px;
}


// 这个作用是提升层级，使底部可以拖动
.admin_wrapper /deep/ {
  .el-table--scrollable-x,.el-table__body-wrapper {
    z-index: 1 !important;
  }
}


// 下面是重写固定左列或者右列的阴影样式
.admin_wrapper /deep/ {
  .el-table__fixed-body-wrapper table tr td:last-child ,{
    box-shadow: inset 4px 0 2px rgba(194, 194, 194, 0.18);
  }

  .el-table__fixed-header-wrapper th:last-child,{
    border-left: 2px solid rgba(194, 194, 194, 0.18)
  }

  .el-table__fixed-right {
    box-shadow: inset 2px 2px 5px rgba(194, 194, 194, 0.18);
  }
}

// 隐藏阴影
.admin_wrapper /deep/ {
  .el-table__fixed {
    box-shadow: none;
  }
}

.admin_wrapper /deep/ {
  .el-table__fixed {
    &::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      content: '';
      z-index: 100;
      width: 1px;
      box-shadow: 0 0 5px rgba(190,190,190,1);
    }
  }
}
</style>

上述样式的写法模拟了固定列与非固定列之间的阴影，但没有饿了么本身的样式好（在拖动时才会出现阴影）
现在是不管拖动与否，阴影都会存在。

你可以戳查看这个链接：demo链接

效果如下：

image.png