zoukankan      html  css  js  c++  java
  • 解决Elementui eltable合计 showsummary不显示,样式混乱问题

    有时候需要在table的底部有合计,这时候官方给的是在table里设置,show-summary就可以了,但是给table加了一个固定高度的话,就不显示了,打开控制台可以看到这个合计是存在的,那么需要做两步,合计即可出现

    1. el-table中加上ref属性
    <el-table :data="tableData" @selection-change="selectItem" v-loading="loading" class="table-center" :summary-method="getSum" ref="tableData" show-summary height="600">
    1
    2.在updated生命周期函数
    updated() {
    this.$nextTick(()=>{
    this.$refs.tableData.doLayout();
    })
    },
     
    加上下面样式显示合计

    .el-table { overflow: visible !important; }
    ————————————————
    版权声明:本文为CSDN博主「锋声」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/xikaifeng/article/details/116270514

  • 相关阅读:
    2019年4月18日 查询功能 2
    bzoj3601
    bzoj2693
    bzoj2440
    bzoj3529
    bzoj2820
    BZOJ2813
    BZOJ4515
    AtCoder Grand Contest 001 题解
    BZOJ2757
  • 原文地址:https://www.cnblogs.com/javalinux/p/15655928.html
Copyright © 2011-2022 走看看