在table底部需要显示合计栏，主要实现方式：使用table底部插槽。

实现效果：

出现滚动条后，合计栏跟随table滚动

css样式修改: table和合计栏数据对其，合计栏隐藏滚动条

 /deep/ .ant-table-footer {
    padding: 0;
  }

  /deep/ .ant-table-footer .ant-table-body {
    overflow: hidden !important;
  }

  /deep/ .ant-table-footer .ant-table-row-cell-break-word {
    padding: 0 15px !important;
  }
  /deep/.ant-table-footer{
    overflow: hidden;
  }
    /deep/.ant-table-body {
    overflow: auto !important;
  }
  /deep/.ant-table-header {
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

js代码

 // 监听表格滚动，合计行跟随滚动
    dataSource() {
      // 同步表与footer滚动
      let dom = this.$refs.TableInfo.$el.querySelectorAll('.ant-table-body')[0]
      dom.addEventListener(
          'scroll',
          () => {
            this.$refs.TableInfo.$el.querySelectorAll(
                '.ant-table-body'
            )[1].scrollLeft = dom.scrollLeft
          },
          true
      )
    },
    // 合计行
    handleFooterShow() {
      return (
          <a-table
              rowKey={Math.random}
              bordered={false}
              pagination={false}
              columns={this.columnv}
              dataSource={this.footerDataSource}
              showHeader={false}
              size="small"
              scroll={{x: 1500}}
          >
          </a-table>
      )
    },