解决element UI中el_table的合计栏在滚动条下方问题

最近做项目，公司要求在表格中加入“合计”行。查看element文档后使用自定义方法进行添加。添加后页面中，合计行在横向滚动条下方。

导致出现这个问题的原因是：此时的滚动条是表内容的滚动条。而合计行是属于表尾。

解决方法：
这里要的滚动条是整个table的滚动条，所以将表头、表内容、表尾的滚动条设为visible。我在el_table外包裹了一个div，将该div的滚动条显示。

<style>
.itemTrading .el-table{
   
   
  overflow: auto;
}