element table滚动条占宽度_element-ui使用perfect-scrollbar修改table等滚动条

首先是perfect-scrollbar的安装。选择插件而不是直接改css的原因，是因为需要兼容火狐你懂的。

npm install perfect-scrollbar --save-dev

public.css，scroll-item是自定义类，类似于指令效果，加上clssname就自动生成scrollbar。之所以不用指令，是因为无法修改element-ui组件，用classname方便一点。transfer-main类好像是我用的另外一个插件里面的。

.scroll-item,.el-table__body-wrapper,.el-transfer-panel__list,.transfer-main {

position: relative;

overflow: hidden !important;

}

.ps__rail-x {

height: 6px !important;

}

.ps__rail-y {

width: 6px !important;

}

.ps__rail-x:hover > .ps__thumb-x,

.ps__rail-x:focus > .ps__thumb-x,

.ps__rail-x.ps--clicking .ps__thumb-x {

height: 6px !important;

}

.ps__rail-y:hover > .ps__thumb-y,

.ps__rail-y:focus > .ps__thumb-y,

.ps__rail-y.ps--clicking .ps__thumb-y {