解决elementui table固定列的时候，滚动条被遮挡的问题（适用合计）

前段时间突然发现，当固定table列的时候，右侧的滚动条会被折腾，而不能拖动，上图

 

以前的时候固定列都是在右侧，也没有注意到这种问题，上次放到左侧，才发现拖不了了，上官方issues上找到了问题所在，官方的bug

方案一通过设置css属性.el-table__body-wrapper{z-index: 2}就可以了，但是有个小问题就是右侧浮动，中间的部分，失去了阴影，感觉没有分离开

https://github.com/ElemeFE/element/issues/20515

方案二

于是乎，根据提供的解决方案，覆盖了本地el-table组件

创建文件夹xTable
-index.vue

-xTable.js

index.vue文件

xTable.js文件

import XTableCom from '@/components/XTable/index'

const XTable = {
  install: function(Vue) {
    Vue.component('el-table', XTableCom) // 如果不想覆盖el-table的话，那就改成别的名称x-tbale
  }
}

export default XTable

在main.js引入组件

import xTable from '@/components/xTable/xTable.js'

// 引入组件
Vue.use(xTable)

原文链接 https://github.com/ElemeFE/element/pull/19716

这样就可以完全覆盖之前的el-table组件了