el-table表格合计行放标题上面

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

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

效果图


 

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


/deep/ .el-table__footer-wrapper {
  order: -1;
}

效果图

原博客地址：将el-table表格的合计行放到首行_el-table 总计位于第一行-优快云博客