通过css实现
/* /deep/为深度操作符,可以穿透到子组件*/
/deep/ .el-table {
display: flex;
flex-direction: column;
}
/* order默认值为0,只需将表格主体order设为1即可移到最后,合计就上移到最上方了 */
/deep/ .el-table__body-wrapper {
order: 1;
}
如果el-table启用 fixed 属性,样式会错乱,可以添加以下2句补偿修复:
/deep/ .el-table__fixed-body-wrapper {
top: 96px !important;
}
/deep/ .el-table__fixed-footer-wrapper {
z-index: 0;
}