el-table .el-table__fixed-right改变滚动条宽度之后，右侧显示底部文字_el-table 横向滚动 最有右侧内容露出

解决：改变表格滚动条宽度之后，右侧显示底部文字内容。.el-table__fixed-right

现象：

在公共样式文件添加：

  // -----------解决右边滚动条有余白----------------
  // 当表格没有滚动条时
  .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{
    height: 100% !important;
    box-shadow: none !important;
  }
  // 当表格有纵向滚动条时
  .el-table--scrollable-y .el-table__fixed-right{
    right: 6px !important;//8 为自定义滚动条的宽高
  }
  // 当表格只有横向滚动条，没有纵向滚动条时
  .el-table--scrollable-x:not(.el-table--scrollable-y) .el-table__fixed-right{
    right: 0 !important;
  }
 
  // 解决固定列最下面余白问题
  .el-table__fixed-right::before, .el-table__fixed::before{
    bottom: -6px;
  }

设置以上代码之后，发现右上角还有底部文字：

还需要设置下面这个样式：

// ---------------------- 解决右上角余白问题---------------------
  .el-table th.gutter {
    display: table-cell !important;
    height: 58px;
    background: rgba(240, 240, 240, 1);
    border-bottom: 1px solid #bbb !important;
    position: absolute;
    right: 0;
    top: 0;
  } 

 这样就ok啦，看效果：