element-ui 分别设置table x、y 轴滚动条

Question

需要美化浏览器自带的滚动条样式，打算调整滚动条大小（宽窄），设置到非常细的那种，但是发现x轴滚动条没法通过鼠标滚动来操作，所以需要选中，但是太细了，非常不好操作，所以需要分别设置 x、y 轴滚动条的（宽窄），展示效果如下：

可以看到，x、y分别设置效果是正确的，但是table列设置了fixed效果后，x 轴滚动条被盖住了，那是因为高度计算是根据y轴来的应该按照 x 轴的高度来设置。

查看源码发现，动态计算的高度少减少了 7px 。