将el-table表格的合计行放到首行

element-ui 的table表格的合计行是放在最后一行的，便于数据的直观显示，需求就会要求将合计行放到首页，方法如下：
添加以下两行CSS，即可将合计行放在第一行：

/* /deep/ 为深度操作符，可以穿透到子组件 */
/deep/ .el-table {
  display: flex;
  flex-direction: column;
}

/* order默认值为0，只需将表体order置为1即可移到最后，这样合计行就上移到表体上方 */
/deep/ .el-table__body-wrapper {
  order: 1;
}

注意表格不要设置 fixed 属性，会有样式冲突。如果确实要启用 fixed 属性，需再添加以下两行CSS作为补偿修复：

/ 表格启用 fixed 属性后，样式会错乱，下面2句是补偿修复 /
/deep/ .el-table__fixed-body-wrapper {
top: 96px !important;
}
/deep/ .el-table__fixed-footer-wrapper {
z-index: 0;
}

原文出处https://segmentfault.com/q/1010000014437186/a-1020000021948357下方的回复