element UI el-table 设置 max-height="500" 多出一列空白列

Question

因为表格条数太多，想设置固定高度解决。设置max-height相对友好很多。但是发现element UI el-table 在计算table高度的时候有问题，在高度没有500px的情况下有时候会出现滚动列

环境

Element UI :2.13.0

问题页面

在操作后面多了一列，其实这里是滚动条预留的列，只是这里表格高度完全不需要滚动。看了下css渲染，表格的高度、预留列的高度都是直接在元素上设置的值。是组件自己计算的。

css 样式截图

整个表格的高度才450.33px，所以滚动列是怎么计算出来的。不知道有没有遇到过的小伙伴解决了没有。

Answer 1

没有遇到过这个问题，el-table的宽度是100%，是不是你给每一个el-table-column设置了宽度，如果是的，删除一个宽度就好了

Answer 2

这个文章写得很详细：https://juejin.im/post/5d01a0...
通过设置每列宽度可以解决

Answer 3

::v-deep .el-table__body{
  width: 100%!important;
}
::v-deep .el-table colgroup col[name='gutter']{
  display: none;
  width: 0;
}
::v-deep .el-table .gutter{
  display: none!important;
  width: 0!important;
}

Answer 4

请问这个多一空白列解决了吗，有啥好方法