解决el-table添加height固定表头之后，表头右侧留白的问题

今天在写一个拖拽计算的时候，因为要获取到计算结果，底部留有高度不够el-table展示，所以就添加了height属性来固定表头，结果碰到了一个坑。直接通过官方示例添加height可以实现表头固定，但是表头右侧会有留白，而且随着el-table数据量的增多，留白部分也会跟着增多，非常影响美观。

经过一番搜索，找到了以下几种解决方法：

1. 设置el-table的属性overflow-x为scroll

<el-table :data="tableData" style="width: 100%;" :height="500" overflow-x="scroll">
  <el-table-column prop="name" label="姓名" width="180"></el-table-column>
  <el-table-column prop="age" label="年龄" width="180"></el-table-column>
  <el-table-column prop="address" label="地址" width="180"></el-table-column>
</el-table>

2. 设置el-table的样式overflow-x:scroll;

<el-table :data="tableData" style="width: 100%; height: 500px; overflow-x: scroll;">
  <el-table-column prop="name" label="姓名" width="180"></el-table-column>
  <el-table-column prop="age" label="年龄" width="180"></el-table-column>
  <el-table-column prop="address" label="地址" width="180"></el-table-column>
</el-table>

3. 使用css样式来隐藏el-table的滚动条

.el-table__body-wrapper {
  overflow-x: hidden !important;
}

以上三种方法都可以解决el-table添加height固定表头之后，表头右侧留白的问题，您可以根据自己的实际情况选择一种方法来使用。

如果您还有什么其他问题，欢迎随时提出。