ElementUI表格数据自定义合计行

最新推荐文章于 2024-06-21 17:30:00 发布

kobe_IT

最新推荐文章于 2024-06-21 17:30:00 发布

阅读量551

点赞数

文章标签： elementui javascript html

本文链接：https://blog.csdn.net/kobe_IT/article/details/129982996

版权

文章介绍了如何在使用ElementUI表格组件时添加自定义合计行的实现方法，包括在data中定义参数数组，以及通过getSummaries方法返回合计值。同时，针对合计视图渲染延迟的问题，提出了在updated钩子中调用doLayout方法来优化布局的解决方案。

摘要由CSDN通过智能技术生成

1.ElementUI表格自定义合计行需要在表格组件添加条件

2.在data中定义参数的数组

data() {
    return {
      sumArrs: ['合计']
    }
  },
methods: {
    // 合计
    getSummaries(param) {
      return this.sumArrs
    },
 updated() { //合计视图渲染慢解决
    this.$nextTick(() => {
      this.$refs['dataTable'].doLayout()
    })
  }