如何将el-table中的合计一行放在首行

时间:2025-01-22 15:58:42

通过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;
}