在 Element UI 表格中将合计置顶/第一行

在 Element UI 表格中将合计置顶/第一行

//  `/deep/`（或 `>>>`、`::v-deep`，取决于你的项目配置和使用的预处理器）是一个深度选择器，
// 它允许你穿透组件的样式隔离，直接应用到子组件上 
/deep/ .el-table {
  display: flex;
  flex-direction: column;
}


//`order` 是 Flexbox 布局中的一个属性，用于控制容器内子元素的排列顺序（数值越小，排列越靠前）。

// `order` 设置为 `1`，默认的 `order` 值是 `0`
//这意味着任何没有显式设置 `order` 的子元素（如合计行）都会排在这个 `body-wrapper` 之前。
// 因此，合计行会“上移”到表体上方。
/deep/ .el-table__body-wrapper {
  order: 1;
}