ant-design-vue table表格合计行的实现

新接手的一个项目 是基于ant-design-vue admin的开发，当需求要实现类似elementUI的合计行效果时，发现提供的API不支持，然后写了这个组件，也当练基础了

思路要点有

1. 创建与父表格同样结构的table并渲染合计行数据
2. 考虑到很多表格有滚动条，因此监听父组件的滚动事件，同步滚动子组件
3. 隐藏子组件的滚动条
4. 因为父组件的footer slot 自带一部分样式，因此为了保持父子组件宽度表现一致，需要针对清除
   以下是实现代码

组件部分

父组件调用

    
        
          {{ record.serial }}
        
        
          
        
      

另外，在实现过程中发现:showHeader="false"这个属性在s-table中不起作用，查看源码发现是props传递的时候出了问题
将s-table组件 render方法中

this[k]&& (props[k] = this[k])

改为

this[k] !== undefined && (props[k] = this[k])

后解决问题