element-ui show-summary合计放第一行

最新推荐文章于 2024-10-31 14:12:45 发布

帅气的小伙

最新推荐文章于 2024-10-31 14:12:45 发布

阅读量642

点赞数 3

CC 4.0 BY-SA版权

文章标签： ui javascript vue.js

本文链接：https://blog.csdn.net/goodboxs/article/details/138276351

本文介绍了如何在Element-UI中使用深度选择器`/deep/`对表格组件进行样式定制，通过设置`.el-table__body-wrapper`的`order`属性，使总计行上移至表体上方。

element-ui show-summary合计放第一行

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

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